• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Typescript-联合类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

原文:TypeScript基本知识点整理

 

零、序言

  联合类型表示一个变量值可以是几种类型之一,我们可以使用 “|” 来分割每个类型;

  联合类型的变量在被赋值时,会根据类型推断的规则推断出一个类型;

  如果一个值是联合类型,我们只能访问联合类型的所有类型中共有的属性/方法;

let ddd : string | number
ddd = 'nihao'
console.log(ddd.length)  //ddd被推断成了 string,访问它的 length 属性不会报错
console.log(`联合类型${ddd}`)

ddd = 255
console.log(`联合类型${ddd}`)
console.log(ddd.length)//报错 ddd被推断成了 number,访问它的 length 属性时就报错了

//ddd = false                   err
//console.log(`联合类型${ddd}`)  err

 

一、访问联合类型的属性或者方法

  当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法:

function f11(name : string, age : string | number) {
     console.log(age.length)//报错
 }
f11('ljy', '21')

报错:Property 'length' does not exist on type 'string | number'.Property 'length' does not exist on type 'number'.

 在上例中,length 不是 string 和 number 的共有属性,故会报错。

 

function f12(name : string, age : string | number) {
    console.log(age.toString())
}
f12('ljy', 21)

 toString() 是共有的,故不会报错。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ES6 中的 this & super:babel 和 typescript 都错了发布时间:2022-07-18
下一篇:
TypeScript学习1--开发环境搭建发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap