TypeScript Union(联合)
2019-01-23 14:10 更新
TypeScript1.4使程序能够组合一种或两种类型。union(联合)类型是一种强大的方法,用于表示可以是几种类型之一的值。使用管道符号(|)组合两个或多个数据类型以表示联合类型。换句话说,一个联合类型被写成由竖线分隔类型的序列。
语法:联合literal
Type1|Type2|Type3
示例:联合类型变量
var val:string|number val = 12 console.log("numeric value of val "+val) val = "This is a string" console.log("string value of val "+val)
在上述的例子中,变量的类型是union。这意味着该变量可以包含数字或字符串作为其值。
在编译时,它会生成以下JavaScript代码:
//Generated by typescript 1.8.10 var val; val = 12; console.log("numeric value of val " + val); val = "This is a string"; console.log("string value of val " + val);
它的输出如下:
numeric value of val 12 string value of val this is a string
示例:联合类型和功能参数
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("mark") console.log("Printing names array....") disp(["Mark","Tom","Mary","John"])
函数disp()可以接受类型字符串或字符串数组参数。
在编译时,它会生成以下JavaScript代码:
//Generated by typescript 1.8.10 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("mark"); console.log("Printing names array...."); disp(["Mark", "Tom", "Mary", "John"]);
输出如下:
Mark Printing names array…. Mark Tom Mary John
联合类型和数组
联合类型也可以应用于数组,属性和接口。以下说明了联合类型与数组的使用。
示例:联合类型和数组
var arr:number[]|string[]; var i:number; arr = [1,2,4] console.log("**numeric array**") for(i = 0;i<arr.length;i++) { console.log(arr[i]) } arr = ["Mumbai","Pune","Delhi"] console.log("**string array**") for(i = 0;i<arr.length;i++) { console.log(arr[i]) }
程序中声明数组。该数组可以表示数字集合或字符串集合。
在编译时,它会生成以下JavaScript代码:
//Generated by typescript 1.8.10 var arr; var i; arr = [1, 2, 4]; console.log("**numeric array**"); for (i = 0; i < arr.length; i++) { console.log(arr[i]); } arr = ["Mumbai", "Pune", "Delhi"]; console.log("**string array**"); for (i = 0; i < arr.length; i++) { console.log(arr[i]); }
它的输出如下:
**numeric array** 1 2 4 **string array** Mumbai Pune Delhi
以上内容是否对您有帮助:
更多建议: