TypeScript 聯合類型
聯合類型（Union Types）可以通過管道(|)將變數設置多種類型，賦值時可以根據設置的類型來賦值。
注意：只能賦值指定的類型，如果賦值其他類型就會報錯。
創建聯合類型的語法格式如下：
Type1|Type2|Type3
實例
聲明一個聯合類型：
TypeScript
var val:string|number
val = 12
console.log("數字為 "+ val)
val = "zaixian"
console.log("字串為 " + val)
編譯以上代碼，得到以下 JavaScript 代碼：
JavaScript
var val;
val = 12;
console.log("數字為 " + val);
val = "zaixian";
console.log("字串為 " + val);
輸出結果為：
數字為 12 字串為 zaixian
如果賦值其他類型就會報錯：
var val:string|number val = true
也可以將聯合類型作為函數參數使用：
TypeScript
function disp(name:string|string[]) {
if(typeof name == "string") {
console.log(name)
} else {
var i;
for(i = 0;i<name.length;i++) {
console.log(name[i])
}
}
}
disp("zaixian")
console.log("輸出數組....")
disp(["zaixian","Google","Taobao","Facebook"])
編譯以上代碼，得到以下 JavaScript 代碼：
JavaScript
function disp(name) {
if (typeof name == "string") {
console.log(name);
}
else {
var i;
for (i = 0; i < name.length; i++) {
console.log(name[i]);
}
}
}
disp("zaixian");
console.log("輸出數組....");
disp(["zaixian", "Google", "Taobao", "Facebook"]);
輸出結果為：
zaixian 輸出數組.... zaixian Google Taobao Facebook
聯合類型數組
我們也可以將數組聲明為聯合類型：
TypeScript
var arr:number[]|string[];
var i:number;
arr = [1,2,4]
console.log("**數字數組**")
for(i = 0;i<arr.length;i++) {
console.log(arr[i])
}
arr = ["zaixian","Google","Taobao"]
console.log("**字串數字**")
for(i = 0;i<arr.length;i++) {
console.log(arr[i])
}
編譯以上代碼，得到以下 JavaScript 代碼：
JavaScript
var arr;
var i;
arr = [1, 2, 4];
console.log("**數字數組**");
for (i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
arr = ["zaixian", "Google", "Taobao"];
console.log("**字串數字**");
for (i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
輸出結果為：
**數字數組** 1 2 4 **字串數字** zaixian Google Taobao