请解释如何在泛型中使用映射类型 (Mapped Types)？

推荐答案

在 TypeScript 中，映射类型（Mapped Types）允许你基于现有类型创建新类型。通过使用泛型，你可以编写更灵活和可重用的映射类型。以下是一个简单的示例，展示了如何在泛型中使用映射类型：

// www.javascriptcn.com code example
type Readonly<T> = {
    readonly [P in keyof T]: T[P];
};

interface Person {
    name: string;
    age: number;
}

type ReadonlyPerson = Readonly<Person>;

在这个示例中，Readonly 是一个映射类型，它接受一个泛型参数 T，并将 T 的所有属性设置为只读。ReadonlyPerson 类型将 Person 接口的所有属性都变为只读。

本题详细解读

1. 映射类型的基本概念

映射类型是 TypeScript 中的一种高级类型，它允许你通过遍历现有类型的属性来创建新类型。映射类型通常与 keyof 和 in 关键字一起使用。

• keyof T：获取类型 T 的所有属性名的联合类型。
• [P in keyof T]：遍历 T 的所有属性名 P。

2. 泛型与映射类型的结合

泛型允许你编写可以处理多种类型的代码。通过将泛型与映射类型结合，你可以创建更通用的类型转换工具。

在上面的示例中，Readonly<T> 是一个泛型映射类型，它接受一个类型 T 并返回一个新类型，其中 T 的所有属性都被标记为只读。

3. 实际应用

映射类型在实际开发中非常有用，特别是在你需要对现有类型进行一些转换时。例如，你可以使用映射类型来创建只读版本的类型、可选版本的类型，或者将某些属性标记为必需。

// www.javascriptcn.com code example
type Partial<T> = {
    [P in keyof T]?: T[P];
};

type Required<T> = {
    [P in keyof T]-?: T[P];
};

type Pick<T, K extends keyof T> = {
    [P in K]: T[P];
};

• Partial<T>：将 T 的所有属性变为可选的。
• Required<T>：将 T 的所有属性变为必需的。
• Pick<T, K>：从 T 中选取指定的属性 K。

4. 总结

通过结合泛型和映射类型，你可以创建灵活且可重用的类型转换工具。这些工具可以帮助你在 TypeScript 中更好地管理和操作类型，从而提高代码的可维护性和可读性。