1. 類(lèi)型構(gòu)造工具
2. 字符串操作類(lèi)型工具
| 類(lèi)型工具 | 描述 |
|---|---|
| Awaited | 這種類(lèi)型旨在對(duì)async函數(shù)中的await或Promises-specific上的.then()方法等操作進(jìn)行建模，特別是——它們以遞歸方式展開(kāi)promises。 |
| Partial | 構(gòu)造一個(gè)type的所有屬性都設(shè)置為可選的類(lèi)型。該實(shí)用程序?qū)⒎祷匾粋€(gè)表示給定類(lèi)型的所有子集的類(lèi)型。 |
| Required | 構(gòu)造由設(shè)置為required的所有類(lèi)型屬性組成的類(lèi)型。Partial |
| Readonly | 構(gòu)造一個(gè)所有類(lèi)型屬性都設(shè)置為 readonly 的類(lèi)型，這意味著不能重新分配構(gòu)造類(lèi)型的屬性。 |
| Record | 構(gòu)造一個(gè)對(duì)象類(lèi)型，其屬性鍵是Keys，屬性值是Type。該實(shí)用工具可用于將一種類(lèi)型的屬性映射到另一種類(lèi)型。 |
| Pick | 通過(guò)從類(lèi)型中選取一組屬性Keys(字符串或字符串的聯(lián)合)來(lái)構(gòu)造類(lèi)型。 |
| Omit | 通過(guò)從類(lèi)型中選取所有屬性，然后移除Keys(字符串文字或字符串文字的聯(lián)合)來(lái)構(gòu)造類(lèi)型。 |
| Exclude | 通過(guò)從UnionType中排除所有可分配給ExcludedMembers的聯(lián)合成員來(lái)構(gòu)造類(lèi)型。 |
| Extract | 通過(guò)從Type中提取可分配給Union的所有聯(lián)合成員來(lái)構(gòu)造類(lèi)型。 |
| NonNullable | 通過(guò)從Type中排除null和undefined來(lái)構(gòu)造類(lèi)型。 |
| Parameters | 從函數(shù)類(lèi)型Type的參數(shù)中使用的類(lèi)型構(gòu)造元組類(lèi)型。 |
| ConstructorParameters | 從構(gòu)造函數(shù)類(lèi)型的類(lèi)型構(gòu)造元組或數(shù)組類(lèi)型。它產(chǎn)生一個(gè)包含所有參數(shù)類(lèi)型的tuple類(lèi)型(如果類(lèi)型不是函數(shù)，則為never類(lèi)型)。 |
| ReturnType | 構(gòu)造由函數(shù)類(lèi)型的返回類(lèi)型組成的類(lèi)型。 |
| InstanceType | 構(gòu)造由類(lèi)型中構(gòu)造函數(shù)的實(shí)例類(lèi)型組成的類(lèi)型。 |
| ThisParameterType | 提取函數(shù)類(lèi)型的this參數(shù)的類(lèi)型，如果函數(shù)類(lèi)型沒(méi)有this參數(shù)，則為unknown。 |
| OmitThisParameter | 從 Type 中移除此參數(shù)。如果Type沒(méi)有顯式聲明此參數(shù)，則結(jié)果只是Type。否則，將從Type創(chuàng)建一個(gè)不帶此參數(shù)的新函數(shù)類(lèi)型。泛型被刪除，只有最后一個(gè)重載簽名被傳播到新的函數(shù)類(lèi)型中。 |
| ThisType | 該實(shí)用工具不返回轉(zhuǎn)換后的類(lèi)型。相反，它充當(dāng)上下文this類(lèi)型的標(biāo)記。請(qǐng)注意，要使用此實(shí)用程序，必須啟用noImplicitThis標(biāo)志。 |
這種類(lèi)型旨在對(duì)async函數(shù)中的await或Promises-specific上的.then()方法等操作進(jìn)行建模，特別是——它們以遞歸方式展開(kāi)promises。
重慶分公司
重慶分公司
type A = Awaited>; // type A = string
type B = Awaited>>; // type B = number
type C = Awaited>; // type C = number | boolean 構(gòu)造一個(gè)type的所有屬性都設(shè)置為可選的類(lèi)型。該實(shí)用程序?qū)⒎祷匾粋€(gè)表示給定類(lèi)型的所有子集的類(lèi)型。
interface Todo {title: string;
description: string;
}
function updateTodo(todo: Todo, fieldsToUpdate: Partial) {return {...todo, ...fieldsToUpdate };
}
const todo1 = {title: "organize desk",
description: "clear clutter",
};
const todo2 = updateTodo(todo1, {description: "throw out trash",
}); 構(gòu)造由設(shè)置為required的所有類(lèi)型屬性組成的類(lèi)型。Partial
interface Props {a?: number;
b?: string;
}
const obj: Props = {a: 5 };
// 錯(cuò)誤：類(lèi)型 `{ a: number; }` 中缺少屬性 `b`，但在類(lèi)型 `Required` 中是必需的。
const obj2: Required= {a: 5 }; 構(gòu)造一個(gè)所有類(lèi)型屬性都設(shè)置為 readonly 的類(lèi)型，這意味著不能重新分配構(gòu)造類(lèi)型的屬性。
interface Todo {title: string;
}
const todo: Readonly= {title: "Delete inactive users",
};
// 錯(cuò)誤：無(wú)法分配給 `title`,因?yàn)樗侵蛔x屬性。
todo.title = "Hello"; 該工具對(duì)于表示將在運(yùn)行時(shí)失敗的賦值表達(dá)式非常有用(例如，當(dāng)嘗試重新分配凍結(jié)對(duì)象的屬性時(shí))。
1.5Record構(gòu)造一個(gè)對(duì)象類(lèi)型，其屬性鍵是Keys，屬性值是Type。該實(shí)用工具可用于將一種類(lèi)型的屬性映射到另一種類(lèi)型。
interface CatInfo {age: number;
breed: string;
}
type CatName = "miffy" | "boris" | "mordred";
const cats: Record= {miffy: {age: 10, breed: "Persian" },
boris: {age: 5, breed: "Maine Coon" },
mordred: {age: 16, breed: "British Shorthair" },
};
// const cats: Recordcats.boris; 通過(guò)從類(lèi)型中選取一組屬性Keys(字符串或字符串的聯(lián)合)來(lái)構(gòu)造類(lèi)型。
interface Todo {title: string;
description: string;
completed: boolean;
}
type TodoPreview = Pick;
const todo: TodoPreview = {title: "Clean room",
completed: false,
};
// const todo: TodoPreview
todo; 通過(guò)從類(lèi)型中選取所有屬性，然后移除Keys(字符串文字或字符串文字的聯(lián)合)來(lái)構(gòu)造類(lèi)型。
interface Todo {title: string;
description: string;
completed: boolean;
createdAt: number;
}
type TodoPreview = Omit;
const todo: TodoPreview = {title: "Clean room",
completed: false,
createdAt: 1615544252770,
};
// const todo: TodoPreview
todo; type TodoInfo = Omit;
const todoInfo: TodoInfo = {title: "Pick up kids",
description: "Kindergarten closes at 5pm",
};
// const todoInfo: TodoInfo
todoInfo; 通過(guò)從UnionType中排除所有可分配給ExcludedMembers的聯(lián)合成員來(lái)構(gòu)造類(lèi)型。
type T0 = Exclude<"a" | "b" | "c", "a">; // type T0 = "b" | "c"
type T1 = Exclude<"a" | "b" | "c", "a" | "b">; // type T1 = "c"
type T2 = Excludevoid), Function>; // type T2 = string | number 通過(guò)從Type中提取可分配給Union的所有聯(lián)合成員來(lái)構(gòu)造類(lèi)型。
type T0 = Extract<"a" | "b" | "c", "a" | "f">; // type T0 = "a"
type T1 = Extractvoid), Function>; // type T1 = () =>void 通過(guò)從Type中排除null和undefined來(lái)構(gòu)造類(lèi)型。
type T0 = NonNullable; // type T0 = string | number
type T1 = NonNullable; // type T1 = string[] 從函數(shù)類(lèi)型Type的參數(shù)中使用的類(lèi)型構(gòu)造元組類(lèi)型。
declare function f1(arg: {a: number; b: string }): void;
type T0 = Parameters<() =>string>; // type T0 = []
type T1 = Parameters<(s: string) =>void>; // type T1 = [s: string]
type T2 = Parameters<(arg: T) =>T>; // type T2 = [arg: unknown]
type T3 = Parameters; // type T3 = [arg: { a: number; b: string;}]
type T4 = Parameters; // type T4 = unknown[]
type T5 = Parameters; // type T5 = never
// 類(lèi)型 `string` 不滿(mǎn)足約束`(...args: any) =>any`。
type T6 = Parameters; // type T6 = never
// 類(lèi)型 `Function` 不滿(mǎn)足約束 `(...args: any) =>any`。
// 類(lèi)型 `Function` 沒(méi)有為簽名 `(...args: any): any`。
type T7 = Parameters; // type T7 = never 從構(gòu)造函數(shù)類(lèi)型的類(lèi)型構(gòu)造元組或數(shù)組類(lèi)型。它產(chǎn)生一個(gè)包含所有參數(shù)類(lèi)型的tuple類(lèi)型(如果類(lèi)型不是函數(shù)，則為never類(lèi)型)。
type T0 = ConstructorParameters; // type T0 = [message?: string]
type T1 = ConstructorParameters; // type T1 = string[]
type T2 = ConstructorParameters; // type T2 = [pattern: string | RegExp, flags?: string]
type T3 = ConstructorParameters; // type T3 = unknown[]
// 類(lèi)型 'Function' 不滿(mǎn)足約束 `abstract new (...args: any) =>any`.
// 類(lèi)型 'Function' 沒(méi)有為簽名提供匹配項(xiàng) `new (...args: any): any`.
type T4 = ConstructorParameters; // type T4 = never 構(gòu)造由函數(shù)類(lèi)型的返回類(lèi)型組成的類(lèi)型。
declare function f1(): {a: number; b: string };
type T0 = ReturnType<() =>string>; // type T0 = string
type T1 = ReturnType<(s: string) =>void>; // type T1 = void
type T2 = ReturnType<() =>T>; // type T2 = unknown
type T3 = ReturnType<() =>T>; // type T3 = number[]
type T4 = ReturnType; // type T4 = { a: number; b: string;}
type T5 = ReturnType; // type T5 = any
type T6 = ReturnType; // type T6 = never
// 類(lèi)型 `string` does not satisfy the constraint '(...args: any) =>any'.
type T7 = ReturnType; // type T7 = any
// 類(lèi)型 `Function` 不滿(mǎn)足約束 `(...args: any) =>any`.
// 類(lèi)型 `Function` 沒(méi)有為簽名提供匹配項(xiàng) `(...args: any): any`.
type T8 = ReturnType; // type T8 = any 構(gòu)造由類(lèi)型中構(gòu)造函數(shù)的實(shí)例類(lèi)型組成的類(lèi)型。
class C {x = 0;
y = 0;
}
type T0 = InstanceType; // type T0 = C
type T1 = InstanceType; // type T1 = any
type T2 = InstanceType; // type T2 = never
// 類(lèi)型 `string` 不滿(mǎn)足約束 `abstract new (...args: any) =>any`.
type T3 = InstanceType; // type T3 = any
// 類(lèi)型 `Function` 不滿(mǎn)足約束 `abstract new (...args: any) =>any`.
// 類(lèi)型 `Function` 沒(méi)有為簽名提供匹配項(xiàng) `new (...args: any): any`.
type T4 = InstanceType; // type T4 = any 提取函數(shù)類(lèi)型的this參數(shù)的類(lèi)型，如果函數(shù)類(lèi)型沒(méi)有this參數(shù)，則為unknown。
function toHex(this: Number) {return this.toString(16);
}
function numberToString(n: ThisParameterType) {return toHex.apply(n);
} 從 Type 中移除此參數(shù)。如果Type沒(méi)有顯式聲明此參數(shù)，則結(jié)果只是Type。否則，將從Type創(chuàng)建一個(gè)不帶此參數(shù)的新函數(shù)類(lèi)型。泛型被刪除，只有最后一個(gè)重載簽名被傳播到新的函數(shù)類(lèi)型中。
function toHex(this: Number) {return this.toString(16);
}
const fiveToHex: OmitThisParameter= toHex.bind(5);
console.log(fiveToHex()); 該實(shí)用工具不返回轉(zhuǎn)換后的類(lèi)型。相反，它充當(dāng)上下文this類(lèi)型的標(biāo)記。
注意，要使用此實(shí)用程序，必須啟用
noImplicitThis標(biāo)志。
type ObjectDescriptor= {data?: D;
methods?: M & ThisType; // 方法中 `this` 的類(lèi)型是 D & M
};
function makeObject(desc: ObjectDescriptor): D & M {let data: object = desc.data || {};
let methods: object = desc.methods || {};
return {...data, ...methods } as D & M;
}
let obj = makeObject({data: {x: 0, y: 0 },
methods: {moveBy(dx: number, dy: number) { this.x += dx; // 強(qiáng)類(lèi)型化 this
this.y += dy; // 強(qiáng)類(lèi)型化 this
},
},
});
obj.x = 10;
obj.y = 20;
obj.moveBy(5, 5); 為了有助于字符串操作，TypeScript包含了一組可用于字符串操作的類(lèi)型。這些類(lèi)型內(nèi)置于編譯器中以提高性能，在TypeScript 附帶的. d.ts文件中找不到。
| 類(lèi)型工具 | 描述 |
|---|---|
| Uppercase | 將字符串中的每個(gè)字符轉(zhuǎn)換為大寫(xiě)形式。 |
| Lowercase | 將字符串中的每個(gè)字符轉(zhuǎn)換為小寫(xiě)形式。 |
| Capitalize | 將字符串中的第一個(gè)字符轉(zhuǎn)換為等效的大寫(xiě)字符。 |
| Uncapitalize | 將字符串中的第一個(gè)字符轉(zhuǎn)換為小寫(xiě)的等效字符。 |
將字符串中的每個(gè)字符轉(zhuǎn)換為大寫(xiě)形式。
type Greeting = "Hello, world";
type ShoutyGreeting = Uppercase; // type ShoutyGreeting = "HELLO, WORLD"
type ASCIICacheKey= `ID-${Uppercase}`;
type MainID = ASCIICacheKey<"my_app">; // type MainID = "ID-MY_APP" 將字符串中的每個(gè)字符轉(zhuǎn)換為小寫(xiě)形式。
type Greeting = "Hello, world";
type QuietGreeting = Lowercase; // type QuietGreeting = "hello, world"
type ASCIICacheKey= `id-${Lowercase}`;
type MainID = ASCIICacheKey<"MY_APP">; // type MainID = "id-my_app" 將字符串中的第一個(gè)字符轉(zhuǎn)換為等效的大寫(xiě)字符。
type LowercaseGreeting = "hello, world";
type Greeting = Capitalize; // type Greeting = "Hello, world" 將字符串中的第一個(gè)字符轉(zhuǎn)換為小寫(xiě)的等效字符。
type UppercaseGreeting = "HELLO WORLD";
type UncomfortableGreeting = Uncapitalize; // type UncomfortableGreeting = "hELLO WORLD" 你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購(gòu)，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧
