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