聊一下 TS 中的交叉类型
交叉类型不能完全按照传统编程中的‘与’来理解。
交叉类型的定义:将多个类型合并为一个类型,包含了所有类型的特性,而且要同时满足要交叉的所有类型。
后半段话不是很好理解,看一下接口类型和联合类型的交叉类型就好理解了。
接口类型的交叉类型
interface Interface1 {
id: number;
name: string;
}
interface Interface2 {
age: number;
}
type IntersectionType = Interface1 & Interface2;交叉类型 IntersectionType 的类型为
{
id: number;
name: string;
age: number;
}对于接口类型来说,交叉类型确实是具有所有接口类型的所有特性。
联合类型的交叉类型
对于联合类型,情况就有点不同了。
type UnionA = 'px' | 'em' | 'rem' | '%';
type UnionB = 'vh' | 'em' | 'rem' | 'pt';
type IntersectionUnion = UnionA & UnionB;交叉类型 IntersectionUnion 的类型为:
'em' | 'rem'为什么会这样?可以这样来理解。
交叉类型不仅要将所有的类型合并为一个类型,而且要同时满足要交叉的类型。
要想同时满足两个接口,那么交叉后的类型必须要同时有那两个接口的属性,否则接口肯定会报需要这个属性,但是没有提供。
要想同时满足两个联合类型,那么取的必须要是两个联合类型的交集,否则不可能同时满足两个联合类型。
author:zgc
origin: http://www.cnblogs.com/zhangguicheng/
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!