TypeScript 中的泛型你真搞懂了吗？

最新推荐文章于 2024-08-20 15:28:17 发布

傲娇的koala

最新推荐文章于 2024-08-20 15:28:17 发布

阅读量1.4k

点赞数 1

文章标签：编程语言 java python typescript redis

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/xgangzai/article/details/121133822

版权

本文探讨了TypeScript中的泛型，包括基础必备知识如联合类型、交叉类型和内置条件类型的介绍，以及泛型进阶内容，如如何利用Pick和Omit提取接口字段，以及接口的交集、差集和并集操作。通过具体案例分析，帮助读者深入理解泛型在集合视角下的应用，并提出了Overwrite泛型解决类型覆盖问题。

摘要由CSDN通过智能技术生成

点击上方程序员成长指北，关注公众号

回复1，加入高级Node交流群

在学习ts源码的时候，发现很多泛型还是看不懂，于是想写一篇文章，总结一下常用的泛型。

基础必备知识

联合类型vs交叉类型

// 联合类型
interface Bird {
  name: string;
  fly(): void;
}
interface Person {
  name: string;
  talk(): void;
}
type BirdPerson = Bird | Person;
let p: BirdPerson = { name: "zfeng", fly() {} }; 
let p1: BirdPerson = { name: "zfeng", talk() {} };

联合类型使用 “｜”表示或的关系，满足其中的一个情况即可。

interface Bird {
  name: string;
  fly(): void;
}
interface Person {
  name: string;
  talk(): void;
}
type BirdPerson = Bird & Person;
let p: BirdPerson = { name: "zhufeng", fly() {}, talk() {} };

交叉类型使用“&”，表示与的关系，需要满足所有的情况。

内置条件类型

type Extract<T, U> = T extends U ? T : never;
type Exclude<T, U> = T extends U ? never : T;
type NonNullable<T> = T extends null | undefined ? never : T;

type N = NonNullable<string | number | null | undefined>;// 删除null和undifined;
type E = Exclude<string | number, string>; // 排除关系 输出 string;
type I = Extract<string | number, string>; // 包含关系 输出 number;