TypeScript 聯合型別
TypeScript 聯合型別
聯合型別(Union Types)可以通過管道(|)將變數設定多種型別,賦值時可以根據設定的型別來賦值。
注意:只能賦值指定的型別,如果賦值其它型別就會報錯。
建立聯合型別的語法格式如下:
Type1|Type2|Type3
例項
宣告一個聯合型別:
TypeScript
var val:string|number
val = 12
console.log("數字為 "+ val)
val = "itread01"
console.log("字串為 " + val)
編譯以上程式碼,得到以下 JavaScript 程式碼:
JavaScript
var val;
val = 12;
console.log("數字為 " + val);
val = "itread01";
console.log("字串為 " + val);
輸出結果為:
數字為 12 字串為 itread01
如果賦值其它型別就會報錯:
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("itread01")
console.log("輸出陣列....")
disp(["itread01","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("itread01");
console.log("輸出陣列....");
disp(["itread01", "Google", "Taobao", "Facebook"]);
輸出結果為:
itread01 輸出陣列.... itread01 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 = ["itread01","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 = ["itread01", "Google", "Taobao"];
console.log("**字串陣列**");
for (i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
輸出結果為:
**數字陣列** 1 2 4 **字串陣列** itread01 Google Taobao