TypeScript 聯合型別
聯合型別用於一個值可能是不止一種型別的情況。
例如,當一個屬性可以是 string
或 number
時。
聯合 | (或)
使用 |
,我們表明我們的引數是 string
或 number
。
示例
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
無法訪問它。