交叉类型简介
TypeScript中的交叉类型是指将多个类型合并为一个类型。这使得我们可以将现有的多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性。
写这篇文章先问大家一个问题,如何让一个对象既有a类型约束,又有b类型约束?
如果你看了我这篇文章typescrip接口 interface详解,以及ts实现多态,
那么你就会很轻易的回答我定义接口使用继承,
但使用接口有一个问题,就是当两个接口里面有同名但是不同类型约束时,就会报错,如下
这个时候就得用上交叉类型了
交叉类型(&): 功能类似于接口继承,(extends),用于组合多个类型为一个类型(常用于对象类型).
如下
tips:当使用交叉类型后,新的类型C就同时具备了A和B的所有属性或方法约束,相当于
type C1 = { a: string, b: number }
我们很简单就能证明这个例子
如下图,根据鸭子类型理论,C就是C1
交叉类型与接口继承的区别
交叉类型(&)和接口继承(extends)的对比
- 相同点:都可以实现对象类型的组合
- 不同点:两种方式实现类型组合时,对于同名属性之间,处理类型冲突的方式不同
接口处理同名属性类型冲突: 不允许
文章来源:https://www.toymoban.com/news/detail-732117.html
交叉类型处同名属性类型冲突
当我们鼠标移上去可以看到
文章来源地址https://www.toymoban.com/news/detail-732117.html
到了这里,关于typescript & 交叉类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!