标签:typescript string number 兼容 兼容性 let 类型 结构
结构的兼容性检查本质上是当前的数据的属性要覆盖目标数据的属性。
1. 接口的兼容性检查
// 当实际数据的属性包含目标类型的所有属性时,能够兼容 interface Animal{ username: string, age: number } interface Person { username: string, age: number, married: boolean } let b:Person = {username: 'lee', age: 1, married: false}; function getName(val: Animal) { return val.username; } // 但是Person类型包含参数对应的Animal中所有属性; // 可以兼容 getName(b);
2. 基本类型的兼容性检查
// 1. 基本类型的兼容性 let all: string|number; let str: string = "hello world"; all = str; // 2. 基本类型的兼容性 let a1: { toString(): string }; let a2: string = 'hello'; a1 = a2;
3. 类的兼容性
class AnimalNew { public name: string = 'lee'; } class Dog extends AnimalNew{ public food: string = 'bone'; } let dog: Dog; dog= new AnimalNew(); // ❌Animal不包含food属性 let ani: AnimalNew; ani = new Dog(); // ✅Dog包含Animal类型的属性
4. 函数的兼容性
函数的兼容性需要先比较函数的参数,要求当前的参数是目标函数参数的子集。
然后要求返回值一致。
type sumFn = (a: number, b: number) => number let sum:sumFn; let sum1 = function(a: number):number { return a; } sum = sum1;
如果目标函数的参数的类型是多个可选类型,那么当前函数的参数的可选类型需要包含目标函数参数的可选类型。
type addFn = (a: number|string) => void; let add: addFn; add = function(b: number) {}; /* ❌Types of parameters 'b' and 'a' are incompatible. Type 'string' is not assignable to type 'number'. */ add = function(a: number|string|boolean) {}; // ✅
5. 泛型的兼容型
接口的泛型。当接口内容为空时,可以兼容。当内容不为空时,不同类型不兼容。
interface User<T> { } let x:User<number> = {}; let y:User<string> = {}; y = x; //✅ interface Name<T>{ n: T } let n:Name<number> = {n: 1}; let m:Name<string> = {n: '1'}; n = m; // ❌ 不兼容
6. 枚举类型和数值类型互相兼容
enum Colors{ RED, BLUE } let c:Colors; c = 0; let c1:number; c1 = Colors.RED;
标签:typescript,string,number,兼容,兼容性,let,类型,结构 来源: https://www.cnblogs.com/lyraLee/p/12388878.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。