0
点赞
收藏
分享

微信扫一扫

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

条件类型(三目运算)


  • 判断前面一个类型是否是后面一个类型或者继承于后面一个类型
  • 如果是就返回第一个结果, 如果不是就返回第二个结果
  • 语法:​​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>;




举报

相关推荐

0 条评论