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

举报
孙叫兽 发表于 2022/03/25 00:32:02 2022/03/25
1.8k+ 0 0
【摘要】 TypeScript 联合类型 联合类型(Union Types)可以通过管道 (|) 将变量设置多种类型,赋值时可以根据设置的类型来赋值。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。 创建联合类型的语法格式如下 Type1|Type2|Type3 实例 声明一个联合类型: TypeScript va...

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

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。