TypeScript实用工具类型：让类型转换更便捷

前端

2023-06-28 14:17:00

TypeScript实用工具类型：提升开发效率的利器

引言

TypeScript的实用工具类型是一组强大的工具，可以显著提高我们的类型转换效率。它们是全局有效的，使我们能够轻松实现各种常见的类型转换操作。本文将深入探讨TypeScript实用工具类型的各个方面，从最基本的到更高级的类型。

基本工具类型

Awaited ：此类型可将Promise类型的对象转换为它最终解析为的值的类型。例如，如果我们有一个Promise，Awaited<Promise>将解析为number类型。

ReturnType ：此类型可获取函数的返回值类型。例如，如果我们有一个函数f(x: number): string，ReturnType将解析为string类型。

Parameters ：此类型可获取函数的参数类型。例如，如果我们有一个函数g(x: number, y: string): void，Parameters将解析为[number, string]类型。

对象操作工具类型

Omit<Type, Keys> ：此类型可从对象类型中移除指定的键。例如，如果我们有一个Person类型，其中包含name、age和gender键，Omit<Person, "age">将创建一个新类型，其中不包含age键。

Partial ：此类型可将对象类型的所有属性标记为可选。例如，Partial将创建一个新类型，其中name、age和gender属性都是可选的。

Required ：此类型可将对象类型的所有属性标记为必需。例如，Required<Partial>将创建一个新类型，其中name、age和gender属性都是必需的。

Readonly ：此类型可将对象类型的所有属性标记为只读。例如，Readonly将创建一个新类型，其中name、age和gender属性都是只读的。

数据结构工具类型

Record<Keys, Type> ：此类型可创建具有指定键类型和值类型的对象类型。例如，Record<string, number>将创建一个键类型为string且值类型为number的对象类型。

Array ：此类型可创建具有指定元素类型的数组类型。例如，Array将创建一个元素类型为number的数组类型。

Tuple ：此类型可创建具有固定长度和类型的元组类型。例如，Tuple<[string, number]>将创建一个长度为2的元组类型，其中第一个元素的类型为string，第二个元素的类型为number。

组合工具类型

Intersection ：此类型可创建一个包含多个类型的所有属性的新类型。例如，Intersection<Person, Employee>将创建一个包含Person和Employee的所有属性的新类型。

Union ：此类型可创建一个可以是多个类型之一的新类型。例如，Union<Person, Employee>将创建一个可以是Person或Employee类型的新类型。

Exclude<Types, Excluded> ：此类型可创建一个从给定类型中排除指定类型的类型。例如，Exclude<Person | Employee, Employee>将创建一个只能是Person类型的类型。

实践示例

// Awaited<Type>
const promise: Promise<number> = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve(10);
  }, 1000);
});

const result: number = await promise; // 类型推断为number

// ReturnType<Type>
function add(a: number, b: number): number {
  return a + b;
}

const returnType: number = ReturnType<typeof add>; // 类型推断为number

// Omit<Type, Keys>
interface Person {
  name: string;
  age: number;
  gender: string;
}

const personWithoutAge: Omit<Person, "age"> = {
  name: "John Doe",
  gender: "male",
}; // 类型推断为{ name: string; gender: string; }