Ts中类型约束extends

在泛型中,我们可以使用 extends 关键字来约束传入的泛型参数必须符合要求。关于 extends,A extends B 意味着 A 是 B 的子类型,这里我们暂时只需要了解非常简单的判断逻辑,也就是说 A 比 B 的类型更精确,或者说更复杂。具体来说,可以分为以下几类。

😳 更精确,如字面量类型是对应原始类型的子类型 ,即 'wangp' extends string,599 extends number 成立。类似的,联合类型子集均为联合类型的子类型 ,即 1、 1 | 2 是 1 | 2 | 3 | 4 的子类型。

🐸更复杂,如 { name: string } 是 {} 的子类型,因为在 {} 的基础上增加了额外的类型,基类与派生类(父类与子类)同理。

相关推荐
程序人生88811 分钟前
几百张固定位置扫描件如何离线批量清?DocConverter Web 批量去水印链路
前端
deli00712 分钟前
一个汉字三种编码:UTF-8、GBK、UTF-16 逐字节对比实测
前端
庖丁解牛22 分钟前
第二课:把代码保存成网页 + 认识变量 (2)
前端
代码猎人22 分钟前
怎么开发一个Vue3项目
前端
梦里寻码22 分钟前
从 0 到 1 用 NestJS + LangChain 搭一套可售卖的 SaaS AI 客服:挂件一行代码接入,知识库秒变 SEO 帮助中心
前端·后端·github
爱喝水的小周23 分钟前
实验十一 Vuex 实现王者荣耀后台比赛管理系统
前端·css·html
三十而立洋24 分钟前
前端模块化的演进:从全局变量到 Import Maps
前端·javascript·前端工程化
橘猫走江湖25 分钟前
浮动塌陷复现失败:父元素为什么一直不塌
前端·css
用户17335980753726 分钟前
纯前端 PDF 按书签拆分避坑指南:拆分后章节对不上?
前端·javascript·vue.js
мо仙堡杠把子ご灬39 分钟前
Flex 自适应布局:告别 calc,用一个 height-auto 搞定
前端·javascript