TypeScript - 联合类型

落日映苍穹つ 2021-12-16 23:57 524阅读 0赞

联合类型(Union Types)表示取值可以为多种类型中的一种。

  1. let myFavoriteNumber: string | number;
  2. myFavoriteNumber = 'seven';
  3. myFavoriteNumber = 7;
  4. let myFavoriteNumber: string | number;
  5. myFavoriteNumber = true;
  6. // index.ts(2,1): error TS2322: Type 'boolean' is not assignable to type 'string | number'.
  7. // Type 'boolean' is not assignable to type 'number'.

联合类型使用 | 分隔每个类型。这里的 let myFavoriteNumber: string | number 的含义是,允许 myFavoriteNumber 的类型是 string 或者 number,但是不能是其他类型。

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法:

  1. function getLength(something: string | number): number {
  2. return something.length;
  3. }
  4. // index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
  5. // Property 'length' does not exist on type 'number'.

上例中,length 不是 stringnumber 的共有属性,所以会报错。访问 stringnumber 的共有属性是没问题的:

  1. function getString(something: string | number): string {
  2. return something.toString();
  3. }

联合类型的变量在被赋值的时候,会根据类型推论的规则推断出一个类型:

  1. let myFavoriteNumber: string | number;
  2. myFavoriteNumber = 'seven';
  3. console.log(myFavoriteNumber.length); // 5
  4. myFavoriteNumber = 7;
  5. console.log(myFavoriteNumber.length); // 编译时报错
  6. // index.ts(5,30): error TS2339: Property 'length' does not exist on type 'number'.

上例中,第二行的 myFavoriteNumber 被推断成了 string,访问它的 length 属性不会报错。而第四行的 myFavoriteNumber 被推断成了 number,访问它的 length 属性时就报错了。

转载于:https://www.cnblogs.com/xjy20170907/p/10881794.html

发表评论

表情:
评论列表 (有 0 条评论,524人围观)

还没有评论,来说两句吧...

相关阅读