Typescript - 聯合類型

原文：TypeScript基本知識點整理

 

零、序言

　　聯合類型表示一個變量值可以是幾種類型之一，我們可以使用 “|” 來分割每個類型；

　　聯合類型的變量在被賦值時，會根據類型推斷的規則推斷出一個類型；

　　如果一個值是聯合類型，我們只能訪問聯合類型的所有類型中共有的屬性/方法；

let ddd : string | number
ddd = 'nihao'
console.log(ddd.length)  //ddd被推斷成了 string，訪問它的 length 屬性不會報錯
console.log(`聯合類型${ddd}`)

ddd = 255
console.log(`聯合類型${ddd}`)
console.log(ddd.length)//報錯 ddd被推斷成了 number，訪問它的 length 屬性時就報錯了

//ddd = false                   err
//console.log(`聯合類型${ddd}`)  err

 

一、訪問聯合類型的屬性或者方法

　　當 TypeScript 不確定一個聯合類型的變量到底是哪個類型的時候，我們只能訪問此聯合類型的所有類型里共有的屬性或方法：

function f11(name : string, age : string | number) {
     console.log(age.length)//報錯
 }
f11('ljy', '21')

報錯：Property 'length' does not exist on type 'string | number'.Property 'length' does not exist on type 'number'.

 在上例中，length 不是 string 和 number 的共有屬性，故會報錯。

 

function f12(name : string, age : string | number) {
    console.log(age.toString())
}
f12('ljy', 21)

 toString() 是共有的，故不會報錯。