TypeScript-条件和分布式条件类型
  TEZNKK3IfmPf 2023年11月13日 21 0
  • 判断前面一个类型是否是后面一个类型或者继承于后面一个类型
  • 如果是就返回第一个结果, 如果不是就返回第二个结果
  • 语法:​​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>;
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年04月19日   36   0   0 typescript数组编译器
  TEZNKK3IfmPf   2023年11月14日   81   0   0 Scala类型
TEZNKK3IfmPf