头图

分享几个我工作中封装的typeScript方法

阿古达木
English

TS目前支持的方法已经有不少了https://www.typescriptlang.or...
但是还是不够,下面分享几个我自己封装的常用方法


交集

type Intersection<T extends object, U extends object> = Pick<
  T,
  Extract<keyof T, keyof U> & Extract<keyof U, keyof T>
>;

image.png


差集

type Diff<T extends object, U extends object> = Omit<
  T & U,
  keyof Intersection<T, U>
>;

image.png


将指定属性变为Optional

type PartialKey<U extends object, k extends keyof U> = Partial<U> & Omit<U, k>;

image.png


将指定属性变为Required

type RequiredKey<U extends object, K extends keyof U> = U &
  Required<Pick<U, K>>;

image.png


获取数组元素类型

type ArrayItem<T extends unknown[]> = T extends (infer P)[] ? P : never;

image.png


获取Record中value类型

type RecordValueType<U extends Record<any, unknown>> = U extends Record<any, infer P> ? P : never;

image.png


获取Promise返回类型

type PromiseReturnType<U extends Promise<unknown>> = U extends Promise<infer P> ? P : never;

image.png

代码: https://stackblitz.com/edit/t...

阅读 107

牛逼的工程师就是能用简单的代码和思路写出复杂的功能

378 声望
12 粉丝
0 条评论
你知道吗?

牛逼的工程师就是能用简单的代码和思路写出复杂的功能

378 声望
12 粉丝
宣传栏