TypeScript 联合类型
联合类型用于一个值可能是不止一种类型的情况。
例如,当一个属性可以是 string
或 number
时。
联合 | (或)
使用 |
,我们表明我们的参数是 string
或 number
。
示例
function printStatusCode(code: string | number) {
console.log(`我的状态码是 ${code}.`)
}
printStatusCode(404);
printStatusCode('404');
自己动手试一试 »
联合类型错误
注意: 当使用联合类型时,你需要知道你的类型是什么,以避免类型错误。
示例
function printStatusCode(code: string | number) {
console.log(`我的状态码是 ${code.toUpperCase()}.`) // error: 属性 'toUpperCase' 不存在于类型 'string | number'。
属性 'toUpperCase' 不存在于类型 'number'
}
在我们的例子中,我们遇到了调用 toUpperCase()
的问题,因为它是一个 string
方法,而 number
无法访问它。