TypeScript 联合类型

联合类型用于值可以是多个类型的情况。

例如,当某个属性是 stringnumber 时。

Union | (OR)

使用 | 表示我们的参数是 stringnumber

实例

function printStatusCode(code: string | number) {
  console.log(`My status code is ${code}.`)
}
printStatusCode(404);
printStatusCode('404');

亲自试一试

联合类型错误

注意:当使用联合类型时,您需要知道您的类型是什么,以避免类型错误:

实例

function printStatusCode(code: string | number) {  
  console.log(`My status code is ${code.toUpperCase()}.`) // 错误:属性“toUpperCase”在“string | number”类型上不存在。  
  // 错误:属性“toUpperCase”在“number”类型上不存在  
}

亲自试一试

在我们的例子中,我们调用 toUpperCase() 时遇到问题,因为它是字符串方法,而数字无法访问它。