TypeScript-条件和分布式条件类型

原创

杨不易呀

发布于 2023-09-29 20:29:46

2490

发布于 2023-09-29 20:29:46

文章被收录于专栏：杨不易呀

条件类型(三目运算)

判断前面一个类型是否是后面一个类型或者继承于后面一个类型如果是就返回第一个结果, 如果不是就返回第二个结果语法: T extends U ? X : Y;

type MyType<T> = T extends string ? string : any;
type res = MyType<boolean>

被检测类型是一个联合类型的时候, 该条件类型就被称之为分布式条件类型

type MyType<T> = T extends any ? T : never;
type res = MyType<string | number | boolean>;

从 T 中剔除可以赋值给 U 的类型

type MyType<T, U> = T extends U ? never : T;
type res = MyType<string | number | boolean, number>

像如上的这种需求比较常用 TS 内部其实已经封装了对于的方法 Exclude

type MyType<T, U> = T extends U ? never : T;
type res = Exclude<string | number | boolean, number>

提取 T 中可以赋值给 U 的类型 Extract

type MyType<T, U> = T extends U ? never : T;
type res = Extract<string | number | boolean, number | string>

从 T 中剔除 null 和 undefined NonNullable

type MyType<T, U> = T extends U ? never : T;
type res = NonNullable<string | null | boolean | undefined>

获取函数返回值类型 ReturnType

type res = ReturnType<(() => number)>

获取一个类的构造函数参数组成的元组类型 ConstructorParameters

class Person {
    constructor(name: string, age: number) {
    }
}

type res = ConstructorParameters<typeof Person>;

获得函数的参数类型组成的元组类型 Parameters

function say(name: string, age: number, gender: boolean) {
}

type res = Parameters<typeof say>;

本期结束咱们下次再见👋~

🌊 关注我不迷路，如果本篇文章对你有所帮助，或者你有什么疑问，欢迎在评论区留言，我一般看到都会回复的。大家点赞支持一下哟~ 💗

我正在参与2023腾讯技术创作特训营第二期有奖征文，瓜分万元奖池和键盘手表

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度