TypeScript 联合类型


联合类型当值可以超过单一类型时使用。

例如当一个属性string或者number


联盟| (或者)

使用|我们说我们的参数是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无权访问它。

亲自试一试 »

TypeScript 练习

通过练习测试一下

练习:

指定函数的参数 "myVar" 可以是字符串或数字:

function myFunc(myVar:   ) {
  console.log(myVar)
}

开始练习