码迷,mamicode.com
首页 > 其他好文 > 详细

TS——联合类型

时间:2019-07-29 09:42:32      阅读:1367      评论:0      收藏:0      [点我收藏+]

标签:bmc   nbsp   类型   rcu   msvc   方法   something   rop   hql   

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

一个小栗子

let myFavoriteNumber: string | number;
myFavoriteNumber = ‘seven‘;
myFavoriteNumber = 7;

若没有使用指定类型中的一种,将报错:

let myFavoriteNumber: string | number;
myFavoriteNumber = true;

// index.ts(2,1): error TS2322: Type ‘boolean‘ is not assignable to type ‘string | number‘.
//   Type ‘boolean‘ is not assignable to type ‘number‘.

 访问联合类型的属性或方法

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

function getLength(something: string | number): number {
    return something.length;
}

// index.ts(2,22): error TS2339: Property ‘length‘ does not exist on type ‘string | number‘.
//   Property ‘length‘ does not exist on type ‘number‘.
上例中,length 不是 stringnumber 的共有属性,所以会报错。
 
访问 stringnumber 的共有属性是没问题的:
function getString(something: string | number): string {
    return something.toString();
}

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

let myFavoriteNumber: string | number;
myFavoriteNumber = ‘seven‘;
console.log(myFavoriteNumber.length); // 5
myFavoriteNumber = 7;
console.log(myFavoriteNumber.length); // 编译时报错

// index.ts(5,30): error TS2339: Property ‘length‘ does not exist on type ‘number‘.

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

而第四行的 myFavoriteNumber 被推断成了 number,访问它的 length 属性时就报错了。

 

TS——联合类型

标签:bmc   nbsp   类型   rcu   msvc   方法   something   rop   hql   

原文地址:https://www.cnblogs.com/zzalmo/p/11261949.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!