程序员之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → TS 类型兼容

TS 类型兼容教程示例详解

 更新时间：2022年09月20日 14:27:22   作者：dingsheng  
这篇文章主要为大家介绍了TS 类型兼容教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

类型兼容

因为JS语言不慎过于领过， 真实开发场景中往往无法做到严格一致的类型约束，此时TS就不得不做类型兼容

  • 顶类型：unknown -- 任何类型都可以赋值给unknown
  • 底类型：never -- never兼容任何类型(可以赋值给任何类型)
  • any: 其实不是一个类型，它是一个错误关闭器，用了any就等同于放弃了类型约束

简单类型兼容

子集可以赋值给父级

type name = string | number

string 和 number 都是 类型name 的子集

普通对象兼容

属性多的可以赋值给属性少的，前提是有共同属性

  • 属性越多，限制越多，表示的集合越小(符合条件的对象越少)
  • 属性越少，限制越少，表示的集合越大
type Person = {
  name: string
  age: number
}
let user = {
  name: 'liu',
  age: 20,
  email: ''
}
let p: Person = user

函数兼容

参数数量不一致

数量少的兼容数量多的，前提为类型一致

只要参数部分能够找到对应的位置就用**==绿色箭头==，否则为==红色箭头==**，当参数全为绿色箭头时，最左侧的箭头就为绿色，代表函数可以兼容

参数类型不一致

参数部分： 子类可以兼容父类，则函数整体不能兼容，

MyMouseEvent 是 MyEvent 的子类，所以mouseListener 不兼容 listener

==对参数要求多的函数不能赋值给对参数要求少的函数==

MyEvent 是 MyMouseEvent 的父类，所以listener 兼容 mouseListener

返回不同

返回值属性多集合小 可以 兼容 返回值属性少集合大

以上就是TS 类型兼容教程示例详解的详细内容，更多关于TS 类型兼容的资料请关注程序员之家其它相关文章！

您可能感兴趣的文章:

相关文章

最新评论

?


http://www.vxiaotou.com