联合类型表示取值可以为多种类型中的一种。
例子
let myNumber: string | number
myNumber = 'six'
myNumber = 6
myNumber = true // 报错
联合类型使用 |
分隔每个类型。
访问联合类型的属性或方法
当TypeScript不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法:
function getLength(something: string | number): number {
return something.length
}
// 报错:length不是string和number共有的属性
访问 string
和 number
的共有属性时没问题的:
function getString(something: string | number): string {
return something.toString()
}
联合类型的变量在被赋值的时候,会根据类型推论的规则推断出一个类型:
let myNumber: string | number
myNumber = 'six'
console.log(myNumber.length) // 3
myNumber = 6
console.log(myNumber.length) // 编译时报错