【TypeScript系列教程16】TypeScript 联合类型

TypeScript 联合类型

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

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

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

Type1|Type2|Type3

实例

声明一个联合类型：

TypeScript

  

   

    

     

    
    

     

      var val:string|number
     
    
   

    

     

    
    

     

      val = 12
     
    
   

    

     

    
    

     

      console.log("数字为 "+ val)
     
    
   

    

     

    
    

     

      val = "sunjiaoshou"
     
    
   

    

     

    
    

     

      console.log("字符串为 " + val)
     
    
  
 

编译以上代码，得到以下 JavaScript 代码：

JavaScript

  

   

    

     

    
    

     

      var val;
     
    
   

    

     

    
    

     

      val = 12;
     
    
   

    

     

    
    

     

      console.log("数字为 " + val);
     
    
   

    

     

    
    

     

      val = "sunjiaoshou";
     
    
   

    

     

    
    

     

      console.log("字符串为 " + val);
     
    
  
 

输出结果为：

  

   

    

     

    
    

     

      数字为 12
     
    
   

    

     

    
    

     

      字符串为 sunjiaoshou
     
    
  
 

如果赋值其它类型就会报错：

  

   

    

     

    
    

     

      var val:string|number
     
    
   

    

     

    
    

     

      val &#
     
    
  
 

文章来源: sunmenglei.blog.csdn.net，作者：孙叫兽，版权归原作者所有，如需转载，请联系作者。

原文链接：sunmenglei.blog.csdn.net/article/details/123698444