成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

15 種TypeScript最常用的實用程序類型

開發 前端
我們在使用 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>

構造一個類型,該類型由設置為 required  Type 的所有屬性組成,部分的反義詞。

圖片

/** * 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 的所有屬性都設置為 readonly 的類型,這意味著構造類型的屬性不能被重新分配。

圖片

/** * Make all properties in T readonly. * typescript/lib/lib.es5.d.ts */type Readonly<T> = {    readonly [P in keyof T]: T[P];};

4.Record<Keys, 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 中選擇一組屬性 Keys(字符串文字或字符串文字的聯合)來構造一個類型。

圖片

/** * 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 中選擇所有屬性然后刪除 Keys(字符串文字或字符串文字的聯合)來構造一個類型。

/** * 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.小寫<StringType>

將字符串文字類型轉換為小寫。

圖片

14. 大寫<StringType>

將字符串文字類型的第一個字符轉換為大寫。

圖片

15. 取消大寫<StringType>

將字符串文字類型的第一個字符轉換為小寫。

圖片

除了上述這些實用程序類型之外,還有一些其他常用的 TypeScript 內置實用程序類型,具體如下:

  • ConstructorParameters<Type>:根據構造函數類型的類型構造元組或數組類型。它產生一個包含所有參數類型的元組類型(如果 Type 不是函數,則類型 never )。
  • InstanceType<Type>:構造一個由Type中構造函數的實例類型組成的類型。
  • ThisParameterType<Type>:為函數類型提取此參數的類型,如果函數類型沒有此參數,則為未知。

本文介紹的實用程序類型在內部使用了有關映射類型、條件類型和推斷類型推斷的知識。如果你對映射類型和條件類型不熟悉,后面我將繼續分享一些這個方面的知識。

責任編輯:華軒 來源: web前端開發
相關推薦

2023-02-28 15:20:31

TypeScript開發編程

2022-09-20 12:59:36

JavaScript函數

2010-07-30 13:58:20

DB2 實用程序

2020-05-11 12:13:16

GNULinux

2018-08-31 08:42:48

LinuxUnix實用程序

2010-02-04 15:29:40

Android實用程序

2010-09-30 15:29:56

DB2查詢管理

2011-05-27 15:24:28

DB2

2010-11-30 15:04:31

Office Web

2010-07-26 09:14:22

Perl命令行

2010-11-30 15:18:32

Office

2010-11-26 14:21:49

Office 套件

2022-06-16 11:01:22

數據庫SQL

2010-11-26 13:58:54

2020-04-26 12:05:53

機器學習工具人工智能

2022-08-29 19:52:34

socat命令Linux

2010-11-30 15:20:53

Office

2010-04-14 08:49:43

Oracle數據庫系統

2025-06-11 08:25:00

Python編程開發

2020-07-14 19:45:13

LinuxgPhoto2備份手機存儲
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 在线观看午夜视频 | 一级毛片视频 | 91在线区| 97视频网站| 午夜综合 | 国产情侣在线看 | 亚洲精品一区中文字幕乱码 | 亚洲精品国产a久久久久久 午夜影院网站 | 久久久www成人免费无遮挡大片 | 亚洲a在线观看 | 午夜欧美一区二区三区在线播放 | 欧美第一页 | 国产免费一区二区三区最新6 | 成人在线网 | 日本成人片在线观看 | 特黄视频 | 影音先锋男| 日本在线一二 | 91精品国产综合久久久久蜜臀 | 国产色99精品9i | 男女羞羞免费网站 | 中文字幕一区二区三区精彩视频 | 成人在线免费 | 欧美精品区| 亚洲国产精品久久久久婷婷老年 | 狠狠的日 | 成人免费淫片aa视频免费 | 国产一级片精品 | 综合久久综合久久 | 日韩毛片免费视频 | 91一区二区 | 色播久久 | 国产日韩欧美一区二区 | 久久中文字幕电影 | 精品一区二区三区四区五区 | 国产精品久久久久久久久久免费看 | 国产一级在线观看 | 日韩一级精品视频在线观看 | 视频第一区 | 国产在线观看免费 | 成人毛片一区二区三区 |