選單
×
   ❮   
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 時。


聯合 | (或)

使用 |,我們表明我們的引數是 stringnumber

示例

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 無法訪問它。

自己動手試一試 »

TypeScript 練習

透過練習來測試自己

練習

指定函式引數 "myVar" 可以是 string 或 number。

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

開始練習


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援