typescript学习记录-联合类型（14）

联合类型（Union Types）可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值。

注意 ：只能赋值指定的类型，如果赋值其它类型就会报错。

创建联合类型的语法格式如下：

 Type1 | Type2 | Type3

事例1：     

 var  val:string| number 
val  = 12  
console.log( "数字为 "+  val) 
val  = "Runoob"  
console.log( "字符串为 " + val)

数字为 12 
字符串为 Runoob 

 事例2：
 

 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( "Runoob" ) 
console.log( "输出数组...." ) 
disp([ "Runoob","Google","Taobao","Facebook"])

 Runoob
输出数组....
Runoob
Google
Taobao
Facebook 

事例3：

 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  = ["Runoob","Google","Taobao" ] 
console.log( "**字符串数组**" )  
 
  for (i = 0;i<arr.length;i++ ) { 
   console.log(arr[i]) 
} 

**数字数组**
1
2
4
**字符串数组** 
Runoob
Google
Taobao 

 

查看更多关于typescript学习记录-联合类型（14）的详细内容...