📅  最后修改于: 2020-10-19 03:54:10             🧑  作者: Mango
TypeScript 1.4使程序能够组合一种或两种类型。联合类型是一种强大的表示值的方法,该值可以是几种类型之一。使用管道符号(|)组合两个或多个数据类型以表示联合类型。换句话说,并集类型被写为由竖线分隔的一系列类型。
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
函数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
该程序声明一个数组。该数组可以表示数字集合或字符串集合。
编译时,它将生成以下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