xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

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>

...

image

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

(🐞 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章!



©xgqfrms 2012-2021

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

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


posted @ 2022-02-10 00:04  xgqfrms  阅读(36)  评论(3编辑  收藏  举报