TypeScript 联合类型


作者:Seiya

时间:2019年07月30日


简单的例子


联合类型表示一个值可以是几种类型之一。 我们用竖线(|)分隔每个类型,所以 number | string | boolean 表示一个值可以是 numberstring,或boolean

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



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


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

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

上例中,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); // 编译时报错

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

最后更新时间: 2019-7-31 18:23:33