在今天的文章中，我從 TypeScript 內置的實用類型中挑選了 15 個非常有用的類型，分別介紹了它們的用法和內部工作原理?？赐瓯疚?，相信你能真正掌握這些內置實用類型的用法。
在使用TypeScript的過程中，我們是面向類型編程的。為了滿足不同的工作場景，我們需要對已知的類型進行改造。為了方便 TypeScript 用戶，TypeScript 開發團隊為我們提供了很多有用的內置實用類型。有了這些實用類型，我們可以很方便地轉換類型、提取類型、排除類型，或者獲取函數的參數類型或返回值類型。
在今天的文章中，我從 TypeScript 內置的實用類型中挑選了 15 個非常有用的類型，分別介紹了它們的用法和內部工作原理?？赐瓯疚模嘈拍隳苷嬲莆者@些內置實用類型的用法。
1. Partial<Type>
構造一個 Type 的所有屬性都設置為可選的類型。
/**
* Make all properties in T optional.
* typescript/lib/lib.es5.d.ts
*/
type Partial<T> = {
[P in keyof T]?: T[P];
};
2. Required<Type>
構造一個類型，該類型由設置為必需的 Type 的所有屬性組成，與 Partial 相反。
/**
* Make all properties in T required.
* typescript/lib/lib.es5.d.ts
*/
type Required<T> = {
[P in keyof T]-?: T[P];
};
3. Readonly<Type>
構造一個 Type 的所有屬性都設置為只讀的類型，這意味著不能重新分配構造類型的屬性。
/**
* Make all properties in T readonly.
* typescript/lib/lib.es5.d.ts
*/
type Readonly<T> = {
readonly [P in keyof T]: T[P];
};
4. Record<Key?s, Type>
構造一個對象類型，其屬性鍵為 Keys，其屬性值為 Type，該實用程序可用于將一種類型的屬性映射到另一種類型。
/**
* Construct a type with a set of properties K of type T.
* typescript/lib/lib.es5.d.ts
*/
type Record<K extends keyof any, T> = {
[P in K]: T;
};
5. Exclude<UnionType, ExcludedMembers>
通過從 UnionType 中排除所有可分配給 ExcludedMembers 的聯合成員來構造一個類型。
/**
* Exclude from T those types that are assignable to U.
* typescript/lib/lib.es5.d.ts
*/
type Exclude<T, U> = T extends U ? never : T;
6. Extract<Type, Union>
通過從 Type 中提取可分配給 Union 的所有聯合成員來構造一個類型。
/**
* Extract from T those types that are assignable to U.
* typescript/lib/lib.es5.d.ts
*/
type Extract<T, U> = T extends U ? T : never;
7. Pick<Type, Keys>
通過從 Type 中選擇一組屬性鍵（字符串文字或字符串文字的并集）來構造一個類型。
/**
* From T, pick a set of properties whose keys are in the union K.
* typescript/lib/lib.es5.d.ts
*/
type Pick<T, K extends keyof T> = {
[P in K]: T[P];
};
8. Omit<Type, Keys>
通過從 Type 中選擇所有屬性然后刪除鍵（字符串文字或字符串文字的并集）來構造一個類型。
/**
* Construct a type with the properties of T except for those
* in type K.
* typescript/lib/lib.es5.d.ts
*/
type Omit<T, K extends keyof any> = Pick<T, Exclude<keyof T, K>>;
9. NonNullable<Type>
通過從 Type 中排除 null 和 undefined 來構造一個類型。
/**
* Exclude null and undefined from T.
* typescript/lib/lib.es5.d.ts
*/
type NonNullable<T> = T extends null | undefined ? never : T;
10. Parameters<Type>
根據函數類型 Type 的參數中使用的類型構造元組類型。
/**
* Obtain the parameters of a function type in a tuple.
* typescript/lib/lib.es5.d.ts
*/
type Parameters<T extends (...args: any) => any> = T extends
(...args: infer P) => any ? P : never;
11. ReturnType<Type>
構造一個由函數 Type 的返回類型組成的類型。
/**
* Obtain the return type of a function type.
* typescript/lib/lib.es5.d.ts
*/
type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any;
12. Uppercase<StringType>
將字符串文字類型轉換為大寫。
13. Lowercase<StringType>
將字符串文字類型轉換為小寫。
14. Capitalize<StringType>
將字符串文字類型的第一個字符轉換為大寫。
15. Uncapitalize<StringType>
將字符串文字類型的第一個字符轉換為小寫。
除了上面介紹的這些實用類型外，其他常用的 TypeScript 內置實用類型如下：
- ConstructorParameters<Type>：根據構造函數類型的類型構造元組或數組類型。它生成一個包含所有參數類型的元組類型（如果 Type 不是函數，則生成 never 類型）。
- InstanceType<Type>：構造一個由Type中構造函數的實例類型組成的類型。
- ThisParameterType<Type>：為函數類型提取此參數的類型，如果函數類型沒有此參數，則為未知。
總結
本文介紹的實用程序類型屬于內部使用，有關映射類型、條件類型和推斷類型推斷的知識。如果您不熟悉映射類型和條件類型，我強烈建議您去學習一下它的相關知識。
如果你覺得今天的內容對你有用的話，請記得點贊我，關注我，并將這篇文章分享給你的朋友，也許能夠幫助到他。
