How do you use "Mapped Types" in TypeScript?

映射类型在TypeScript中是一种非常强大的特性，它可以让我们从一个已存在的类型派生出一个新的类型，每个属性都可以通过某种方式转变。映射类型可以帮助我们维持类型之间的一致性，同时减少重复代码的编写，提高开发效率。

映射类型的基本用法

映射类型通常会与索引签名结合使用，基本的形式如下：

typescript
type Keys = 'option1' | 'option2' | 'option3';

type Flags = {
  [K in Keys]: boolean
};

在这个例子中，Keys 是一个具有三个可能值的联合类型，而 Flags 则是一个映射类型，它将 Keys 中的每个键映射为 boolean 类型。因此，Flags 的结构等价于：

typescript
type Flags = {
  option1: boolean;
  option2: boolean;
  option3: boolean;
};

应用实例：条件映射

映射类型可以结合 TypeScript 中的条件类型来实现更复杂的类型转换。例如，我们可以创建一个映射类型，它会根据原类型的属性值类型决定新类型的属性值类型：

typescript
type Options = {
  width: number;
  height: number;
  label: string;
};

type NullableOptions = {
  [K in keyof Options]?: Options[K];
};

在这个例子中，NullableOptions 的每个属性都是可选的，与 Options 中对应属性的类型相同。

使用场景：从旧类型创建新类型

假设我们需要根据一个已有的类型，生成一个新的类型，其中每个属性都是只读的。这可以通过映射类型实现：

typescript
type User = {
  name: string;
  age: number;
};

type ReadOnlyUser = {
  readonly [K in keyof User]: User[K];
};

在这个例子中，ReadOnlyUser 是从 User 类型派生的一个新类型，其中的每个属性都被加上了 readonly 修饰符。这意味着 ReadOnlyUser 类型的对象一旦创建，其属性就不能被修改。

总结

映射类型是TypeScript中一种极具灵活性的工具，能够帮助开发者在保持类型安全的前提下，高效地操作和转换类型信息。上述例子展示了如何使用映射类型进行类型的创建和转换，实际开发中可以根据需求灵活变化和扩展。此外，结合泛型和条件类型等高级特性，映射类型的威力将更加显著。