我們在使用 TypeScript 的過程中,我們是面向類型編程的,為了滿足不同的工作場景,我們需要對已知類型進行改造。
為了方便 TypeScript 用戶,TypeScript 開發(fā)團隊為我們提供了許多有用的內(nèi)置實用程序類型。
通過這些實用類型,我們可以輕松地轉(zhuǎn)換類型、提取類型、排除類型,或者獲取函數(shù)的參數(shù)類型或返回值類型。
在本文中,我從 TypeScript 的內(nèi)置實用程序類型中挑選了 15 種非常有用的類型,并以圖像的形式介紹了它們的用法和內(nèi)部工作原理,看完這篇文章,相信你可以真正掌握這些內(nèi)置實用程序類型的用法。
1.Partial
構(gòu)造一個類型,其中 Type 的所有屬性都設(shè)置為可選。
2.Required
構(gòu)造一個類型,該類型由設(shè)置為 required Type 的所有屬性組成,部分的反義詞。
3.Readonly
構(gòu)造一個 Type 的所有屬性都設(shè)置為 readonly 的類型,這意味著構(gòu)造類型的屬性不能被重新分配。
4.Record<keys, type="">
構(gòu)造一個對象類型,其屬性鍵為 Keys,其屬性值為 Type,此實用程序可用于將一種類型的屬性映射到另一種類型。
5.Exclude<uniontype, excludedmembers="">
通過從 UnionType 中排除可分配給 ExcludedMembers 的所有聯(lián)合成員來構(gòu)造類型。
6.Extract<type, union="">
通過從 Type 中提取所有可分配給 Union 的聯(lián)合成員來構(gòu)造一個類型。
7.Pick<type, keys="">
通過從 Type 中選擇一組屬性 Keys(字符串文字或字符串文字的聯(lián)合)來構(gòu)造一個類型。
8.Omit<type, keys="">
通過從 Type 中選擇所有屬性然后刪除 Keys(字符串文字或字符串文字的聯(lián)合)來構(gòu)造一個類型。
9.NonNullable
通過從 Type 中排除 null 和 undefined 來構(gòu)造一個類型。
10.Parameters
從函數(shù)類型 Type 的參數(shù)中使用的類型構(gòu)造元組類型。
11.ReturnType
構(gòu)造一個由函數(shù) Type 的返回類型組成的類型。
12.Uppercase
將字符串文字類型轉(zhuǎn)換為大寫。
13.小寫
將字符串文字類型轉(zhuǎn)換為小寫。
14.大寫
將字符串文字類型的第一個字符轉(zhuǎn)換為大寫。
15.取消大寫
將字符串文字類型的第一個字符轉(zhuǎn)換為小寫。
除了上述這些實用程序類型之外,還有一些其他常用的 TypeScript 內(nèi)置實用程序類型,具體如下:
ConstructorParameters:根據(jù)構(gòu)造函數(shù)類型的類型構(gòu)造元組或數(shù)組類型。它產(chǎn)生一個包含所有參數(shù)類型的元組類型(如果 Type 不是函數(shù),則類型 never )。
InstanceType:構(gòu)造一個由Type中構(gòu)造函數(shù)的實例類型組成的類型。
ThisParameterType:為函數(shù)類型提取此參數(shù)的類型,如果函數(shù)類型沒有此參數(shù),則為未知。