聊一下 TS 中的交叉类型
2024-09-01 19:47:07
交叉类型不能完全按照传统编程中的 与 来理解。
交叉类型的定义：将多个类型合并为一个类型，包含了所有类型的特性，而且要同时满足要交叉的所有类型。
后半段话不是很好理解，看一下接口类型和联合类型的交叉类型就好理解了。
接口类型的交叉类型
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'
为什么会这样？可以这样来理解。
交叉类型不仅要将所有的类型合并为一个类型，而且要同时满足要交叉的类型。
要想同时满足两个接口，那么交叉后的类型必须要同时有那两个接口的属性，否则接口肯定会报需要这个属性，但是没有提供。
要想同时满足两个联合类型，那么取的必须要是两个联合类型的交集，否则不可能同时满足两个联合类型。
你还有更好的理解方式吗？欢迎一起交流。
最新文章
- sellsa
- 繁华模拟赛 Vicent坐电梯
- Http Url Get请求方式需要对中文参数进行编码
- C# 并行开发总结
- 转-Python optionParser模块的使用方法
- xss漏洞校验
- 视差滚动（Parallax Scrolling）效果的原理与实现
- 解决eclipse无法解析shared_ptr
- pagination jquery最简单的分页【无刷新和刷新都通用】
- POJ 2752 Seek the Name, Seek the Fame（求所有既是前缀又是后缀的子串长度）
- 带OpenSSL和MySQL的静态编译版本～
- 补充Mysql5.7用法
- c++11の简单线程管理
- Paper | Octave Convolution（OctConv）
- office之Excel 你会用 Ctrl + E 吗？
- mysql -- 逻辑语句
- Java开发环境安装过程
- 用delphi制作无界面的activex控件
- Pitch detection algorithm(基音搜索算法)PDA相关链接
- netbeans rcp中如何编程设置主窗口标题