Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

TypeScript 联合类型


联合类型 用于当一个值可以是多种类型之一。

例如,当一个属性可以是 stringnumber 类型。


联合 | (OR)

使用 | 我们表示我们的参数可以是 stringnumber 类型。

示例

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

自己尝试 »

TypeScript 练习

通过练习测试自己

练习

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

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

开始练习


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.