导航
×
   ❮   
HTML CSS JavaScript PHP Python C C++ Go Sass W3C Colors TypeScript ECMS

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 无法访问它。

亲自试一试 »

Copyright ©2026 蒙ICP备2026009383号 All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。