TypeScript 学习笔记 — 类型兼容 （十）

新闻透视

目录

• 一.基本数据类型的兼容性
  
• 二.接口兼容性
  
• 三.函数的兼容性
  
• 四.类的兼容性
  
  
  
  • 类的私有成员和受保护成员
    
  
  
• 五.泛型的兼容性
  
• 六.枚举的兼容性
  
• 标称类型简短介绍
  

TS 是结构类型系统（structural type system），基于结构/形状检查类型，而非类型的名字。
TS 中的兼容性，主要看结构是否兼容。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分
类型兼容性是基于结构子类型的。 结构类型是一种只使用其成员来描述类型的方式。

如果x要兼容y，那么y至少具有与x相同的属性。
这里要检查y是否能赋值给x，编译器检查x中的每个属性，看是否能在y中也找到对应属性。
X 兼容 Y：X(目标类型)= Y(源类型)
简单一句话概括兼容性： 重新赋值不报错（类型自动转化）

一.基本数据类型的兼容性

1. let temp: string | number;
2. let num!: number;
3. temp = num;

复制代码

1. let obj: {
2.   toString(): string;
3. };
4. let str: string = "yya";
5. obj = str; // 字符串中具备toString()方法，所以可以进行兼容
6. obj.toString(); // 安全， 保证使用的时候不会发生异常

复制代码

二.接口兼容性

接口的兼容性，只要满足接口中所需要的类型即可！(保证你要的，我都有，就行，多了也没关系)

1. interface IAnimal {
2.   name: string;
3.   age: number;
4. }
5. interface IPerson {
6.   name: string;
7.   age: number;
8.   address: string;
9. }
10. let animal: IAnimal;
11. let person: IPerson = {
12.   name: "yya",
13.   age: 18,
14.   address: "beijing",
15. };
17. type T2 = IPerson extends IAnimal ? true : false; // true
18. animal = person; // 子类赋予给父类 兼容

复制代码

三.函数的兼容性

函数的兼容性主要是比较参数和返回值
参数:赋值函数的参数要少于等于被赋值的函数:也就是说，对应函数的参数来讲，少的参数可以赋予给多的，因为内部实现传了多个可以少用或不用(忽略额外的参数在 JavaScript 里是很常见的)
sum2的每个参数必须能在sum1里找到对应类型的参数。 注意的是参数的名字相同与否无所谓，只看它们的类型。 sum2的每个参数在sum1中都能找到对应的参数，所以允许赋值。

1. let sum1 = (a: string, b: string) => a + b;
2. let sum2 = (a: string) => a;
3. sum1 = sum2;

复制代码

举例： Array#forEach给回调函数传 3 个参数：item，index 和 array。 尽管如此，传入一个只使用第一个参数的回调函数也是可以的

1. type Func<T> = (item: T, index: number, array: any[]) => void;
2. function forEach<T>(arr: T[], cb: Func<T>) {
3.   for (let i = 0; i < arr.length; i++) {
4.     cb(arr[i], i, arr);
5.   }
6. }
7. forEach([1, 2, 3], (item) => {
8.   console.log(item);
9. });

复制代码

返回值:

1. type sum1 = () => string | number;
2. type sum2 = () => string;
4. let fn1: sum1;
5. let fn2!: sum2;
6. fn1 = fn2;

复制代码

四.类的兼容性

类与对象字面量和接口差不多，但有一点不同：类有静态部分和实例部分的类型。 比较两个类类型的对象时，只有实例的成员会被比较。 静态成员和构造函数不在比较的范围内。

1. class Animal {
2.   feet!: number;
3.   constructor(name: string, numFeet: number) {}
4. }
6. class Size {
7.   feet!: number;
8.   constructor(numFeet: number) {}
9. }
11. let a!: Animal;
12. let s!: Size;
14. a = s; // OK
15. s = a; // OK

复制代码

类的私有成员和受保护成员

只要有 private 或者 protected 关键字会影响兼容性, 当检查类实例的兼容时，如果目标类型包含一个 private 私有成员，那么源类型必须包含来自同一个类的这个私有成员。 这条规则也适用于包含 protected 受保护成员实例的类型检查。 允许子类赋值给父类，但是不能赋值给其它有同样类型的类。

1. class A {
2.   private name!: string;
3.   age!: number;
4. }
6. class B {
7.   private name!: string;
8.   age!: number;
9. }
11. // let a: A = new B();  // error
13. class Parent {
14.   protected name: string = "zf";
15.   age: number = 11;
16. }
17. class Child extends Parent {}
18. let child: Parent = new Child(); // ok

复制代码

五.泛型的兼容性

泛型比较的是最终的结果 比较的不是泛型传递的参数
例一：

1. interface Empty<T> {}
3. let x: Empty<number>;
4. let y!: Empty<string>;
6. type xx = Empty<number> extends Empty<string> ? true : false; // true
8. x = y; // OK 因为 y 匹配 x 的结构

复制代码

在例一中，x 和 y 是兼容的，因为它们的结构使用类型参数时并没有什么不同。 把这个例子改变一下，增加一个成员，就能看出是如何工作的了：
例二：

1. interface NotEmpty<T> {
2.   data: T;
3. }
4. let x: NotEmpty<number>;
5. let y: NotEmpty<string>;
7. type xx = NotEmpty<number> extends NotEmpty<string> ? true : false; // false
9. x = y; // Error,  不兼容

复制代码

对于没指定泛型类型的泛型参数时，会把所有泛型参数当成 any 比较。 然后用结果类型进行比较，就像例一：

1. let identity = function <T>(x: T): T {};
3. let reverse = function <U>(y: U): U {};
5. identity = reverse; // OK,  (x: any) => any 匹配 (y: any) => any

复制代码

六.枚举的兼容性

枚举类型与数字类型兼容，并且数字类型与枚举类型兼容

1. enum Status {
2.   Pending,
3.   Resolved,
4.   Rejected,
5. }
7. let current = Status.Pending;
8. let num = 0;
10. current = num;
11. num = current;

复制代码

不同枚举类型之间是不兼容的。

1. enum Status {
2.   Pending,
3.   Resolved,
4.   Rejected,
5. }
6. enum Color {
7.   Red,
8.   Blue,
9.   Green,
10. }
12. let current = Status.Pending;
13. let color = Color.Red;
15. current = color; // 不能将类型“Color.Red”分配给类型“Status”

复制代码

标称类型简短介绍

类型分为两种 结构化类型(structural type system) 、标称类型(nominal type system)
标称类型: 虽然 BTC，USDT 都是 number 类型，但还是想要用不同的类型表示，且不能互换，数据的值本身没什么区别，安上不同名字就是不同类型，也就是说，标称类型系统中，两个变量是否类型兼容（可以交换赋值）取决于这两个变量显式声明的类型名字是否相同。

1. class AddType<S> {
2.   private _type!: S;
3. }
4. type NewType<T, S extends string> = T & AddType<S>;
6. type BTC = NewType<number, "btc">; // number + BTC
7. type USDT = NewType<number, "usdt">; // number + USDT
8. let btc = 100 as BTC;
9. let usdt = 100 as USDT;
11. function getCount(count: USDT) {
12.   return count;
13. }
14. getCount(usdt);

复制代码

来源:https://www.cnblogs.com/echoyya/p/17189305.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！