TypeScript Advanced Types All In One

TypeScript Advanced Types All In One

lib.es5.d.ts

https://github.com/microsoft/TypeScript/blob/main/lib/lib.es5.d.ts#L1499

// ...

/**
 * Make all properties in T optional
 */
type Partial<T> = {
    [P in keyof T]?: T[P];
};

/**
 * Make all properties in T required
 */
type Required<T> = {
    [P in keyof T]-?: T[P];
};

/**
 * Make all properties in T readonly
 */
type Readonly<T> = {
    readonly [P in keyof T]: T[P];
};

/**
 * From T, pick a set of properties whose keys are in the union K
 */
type Pick<T, K extends keyof T> = {
    [P in K]: T[P];
};

/**
 * Construct a type with a set of properties K of type T
 */
type Record<K extends keyof any, T> = {
    [P in K]: T;
};

// ...

Mapped Types

type Record<K extends keyof any, T> = {
  [P in K]: T;
};

https://www.typescriptlang.org/docs/handbook/advanced-types.html#mapped-types
https://www.typescriptlang.org/docs/handbook/2/mapped-types.html

type Partial<T> = {
  [P in keyof T]?: T[P];
};
 
type Readonly<T> = {
  readonly [P in keyof T]: T[P];
};

demos

type PersonPartial = Partial<Person>;
// 等价于 
type PersonPartial = {
    name?: string | undefined;
    age?: number | undefined;
}

type ReadonlyPerson = Readonly<Person>;
// 等价于
type ReadonlyPerson = {
    readonly name: string;
    readonly age: number;
}

Utility Types

const test: Beacon<string, string> ???

Record

Record<Keys, Type>

https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type

// Partial<Type>

https://www.typescriptlang.org/docs/handbook/utility-types.html#partialtype

// Pick<Type, Keys>

// Omit<Type, Keys>

// Required<Type>

// Readonly<Type>

// Awaited<Type>

...

refs

TypeScript Utility Types All In One

https://www.cnblogs.com/xgqfrms/p/16793600.html

TypeScript Utility Types

https://www.typescriptlang.org/docs/handbook/utility-types.html

https://fjolt.com/series/typescript-utility-types

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---