welcome to Cheeto's blog

0%

TypeScript 從零開始:聯合型別

TypeScript 從零開始:聯合型別

TypeScript 是 JavaScript 的超集合,將強型別帶入 JavaSript,並提供對 ES6 的支援,而 TypeScript 由 Microsoft 開發,程式開源於 GitHub 上。

學習資源參考 TypeScript 新手指南

聯合型別

在 TS 當中也是可以賦予多個型別,這樣也有容錯的空間。

1
2
3
4
5
6
7
8
9
// 編譯前
let myName: string | number | boolean = 'Cheeto';
myName = 9487;
myName = false;

// 編譯後
var myName = 'Cheeto';
myName = 9487;
myName = false;

在每一個型別之間透過 | 來間隔,那就可以做到多個型別的判定。

利用到 function

TS 把你想得到的都想到了,當然也能夠在 function 的參數當中進行判別啦。

1
2
3
4
5
6
7
8
9
10
11
12
13
// 編譯前
function wallet(money: number | string) {
console.log(money)
}
wallet(9487); // 9487
wallet('Cheeto'); // Cheeto

// 編譯後
function wallet(money) {
console.log(money);
}
wallet(9487); // 9487
wallet('Cheeto'); // Cheeto

像上方這樣就能夠在參數當中進行聯合型別判定。