当前位置:

首页 > 编程开发 > typescript交叉类型的实现示例

typescript交叉类型的实现示例

交叉类型通过&符号将多个类型合并为一个,新类型需同时满足所有原始类型特性。原子类型交叉无意义,相同属性名类型不同时结果为never,需注意与联合类型“或”关系的区别。

一,前言

交叉类型,简单来说,就是把多个类型合并成一个类型。它允许我们将现有的多种类型叠加到一起,最终形成一种新的类型,这个新类型自然就包含了所有原始类型的特性。听起来是不是有点像“类型界的混搭”?

二,交叉类型使用

我们通常用 type 关键字来声明一个交叉类型。举个例子:

interface A { a: number }
interface B { b: string }
type C = A & B // C 同时拥有 A 和 B 的所有属性

在这个例子里,C 就是 A 和 B 的交叉类型,它必须同时满足 a 和 b 两个属性。换句话说,当你使用 C 类型的变量时,得同时提供 number 类型的 a 和 string 类型的 b——少一个都不行。

三,注意事项

1. 并不是所有类型都适合做交叉。比如 string & number 这种原子类型的交叉,其实没有任何意义——因为不存在一个值既是字符串又是数字。这就像要求一个物体同时是苹果和橙子,现实中没有这种东西。

2. 当两个接口类型做交叉,且它们包含相同的属性名时,情况就变得微妙了。如果这两个属性的类型相同,那么合并后属性类型不变;但如果类型不同,整个交叉类型会变成 never。看代码:

interface A { a: number }
interface B { a: string }
type C = A & B // C 是 never 类型

为什么会这样?因为 a 属性既要同时是 number 又是 string,这根本不可能实现,所以 TypeScript 直接给它判了“死刑”——返回 never。

3. 要特别注意交叉类型和联合类型的区别:交叉类型是“既是也是”,而联合类型是“或者是”。前者要求所有条件同时满足,后者只要求满足其中之一。这两者在实际开发中经常被混淆,但一旦搞懂,就能避免很多类型上的坑。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系bd@zhengruan.com
作者最新文章
编程开发
相关文章 更多
manictime无法打开怎么办电脑端故障排查解决教程
manictime无法打开怎么办电脑端故障排查解决教程

遇到ManicTime打不开的情况?本教程指导你通过检查后台进程、验证安装目录、调整兼容性与安全软件设置、备份用户配置及查看系统日志来定位问题。在不丢失时间记录数据的前提下,逐步解决启动失败、闪退或无响应等常见故障。

PDF转Word最简单的方法是什么?PDF转Word免费的软件和网站都在哪找?
PDF转Word最简单的方法是什么?PDF转Word免费的软件和网站都在哪找?

PDF转Word可通过在线网站或本地软件完成。文章对比两类入口,说明五步转换流程,并补充扫描件识别、可编辑性和排版检查方法。

blender导入贴图后是黑色的怎么处理
blender导入贴图后是黑色的怎么处理

解决Blender中贴图导入后模型呈黑色的常见问题。涵盖检查图片文件有效性、修正Shader节点连接、调整UV映射以及切换材质预览模式的详细操作指南,适用于各类Blender版本。

xshell连接失败linux的原因及解决方法
xshell连接失败linux的原因及解决方法

遇到Xshell连接Linux服务器超时或被拒绝?本文详解从检查IP端口、测试网络连通性、确认sshd服务状态到核对密钥认证的完整排查流程,助你快速恢复远程连接。

linux删除用户与用户组的方法及命令教程
linux删除用户与用户组的方法及命令教程

掌握Linux中删除用户和用户组的正确方法,避免残留文件和进程冲突。本文深入解析userdel和groupdel命令的参数用法,提供处理“用户仍在使用”等常见错误的实战方案。

怎么把mathtype放到word工具栏
怎么把mathtype放到word工具栏

想在Word中使用MathType?本文详解两种集成方法:Microsoft 365用户可通过插入加载项获取MathType选项卡;MathType 7用户需在视图菜单中勾选工具栏。包含常见问题排查与基础操作说明。

blender导入fbx变形怎么解决的设置教程
blender导入fbx变形怎么解决的设置教程

解决Blender导入FBX后模型扭曲、关节塌陷或动画播放变形的问题。从导入面板的缩放与轴向设置入手,检查对象变换、Armature修改器关联及顶点组权重,逐步定位是静态绑定错误还是动态重定向冲突。

pixpin快捷键是什么功能及截图使用方法
pixpin快捷键是什么功能及截图使用方法

掌握 PixPin 核心快捷键:Ctrl+1 快速截图并标注,Ctrl+2 将剪贴板内容贴图至桌面。本文提供详细操作步骤、长截图技巧及快捷键自定义方法,提升办公效率。

blender怎么把模型切两半完整操作教程图解
blender怎么把模型切两半完整操作教程图解

详细图解Blender中如何使用Bisect刀具将3D模型切成两半。包括调整视图、设置Clear Inner/Outer保留侧、Fill填充截面及P键分离对象的完整操作流程,适合初学者快速掌握模型分割技巧。

omniplan安装教程详细操作步骤说明
omniplan安装教程详细操作步骤说明

想在 Mac 或 iPad 上安装 OmniPlan?本教程提供从系统检查、官方下载到首次启动验证的完整步骤,包含 App Store 获取方法及安装失败排查指南,确保项目计划软件安全可用。

查看更多
精品专题 更多
装机必备
装机必备

正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

Windows
Windows

正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

PDF教程
PDF教程

正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法,同时介绍常用PDF软件和工具的使用技巧。

Mac软件 更多
IntelliJ IDEA macOS版
IntelliJ IDEA macOS版
Mac

IntelliJ IDEA 是 JetBrains 推出的专业集成开发环境,重点服务于 Java、Kotlin 与 JVM 项目开发。软件集成代码补全、静态检查、重构、调试、测试、版本控制及构建工具,并可借助插件扩展语言和框架支持。

PyCharm macOS版
PyCharm macOS版
Mac

JetBrains PyCharm 是面向 Python 开发者的集成开发环境,提供智能补全、代码检查、重构、调试、测试、版本控制及虚拟环境管理功能。Mac 版兼容 Intel 与 Apple 芯片,核心功能可免费使用。

WebStorm macOS版
WebStorm macOS版
Mac

JetBrains WebStorm 是面向 JavaScript、TypeScript 和现代 Web 技术的专业集成开发环境,可智能理解项目结构,提供代码补全、重构、错误检查、运行调试、测试及 Git 工具。

WINDOWS 更多
IntelliJ IDEA Windows版
IntelliJ IDEA Windows版
Windows

JetBrains IntelliJ IDEA 是以 Java、Kotlin 和 JVM 项目为核心的专业集成开发环境,提供智能补全、代码检查、安全重构、调试、测试、版本控制及构建工具集成。统一发行版的核心功能可免费用于商业和非商业项目,

PhpStorm Windows版
PhpStorm Windows版
Windows

PhpStorm 是 JetBrains 面向 PHP 与现代 Web 开发打造的专业集成开发环境,提供代码补全、静态检查、重构、调试、测试、数据库、版本控制及前端语言支持。Windows 用户可直接下载安装程序,

PyCharm Windows版
PyCharm Windows版
Windows

PyCharm 是 JetBrains 推出的 Python 集成开发环境,提供智能代码补全、错误检查、重构、调试、测试、Git、终端及 Jupyter Notebook 支持。统一版安装后可体验 30 天 Pro 功能,