TypeScript 联合类型

category: JavaScript

当一个值可以有多种类型时，使用联合类型。 例如当某个属性是string或时number。

联合 | (OR)

使用|我们说我们的参数是string或number：

例子

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()}.`) // error: Property 'toUpperCase' does not exist ontype 'string | number'. 
  Property 'toUpperCase' does not exist on type 'number'
}

toUpperCase()在我们的示例中，我们在调用方法时 遇到问题string，但number无法访问它。