TypeScript 如何在 TypeScript中为现有类型添加属性

在本文中，我们将介绍在 TypeScript 中如何为现有类型添加属性。

在开发过程中，经常会遇到需要在已定义的类型中添加新属性的情况。TypeScript 提供了多种方法来实现这一点，我们将逐一介绍这些方法。

使用接口扩展现有类型

一个常见的方法是使用接口来扩展现有类型。通过创建一个新的接口，并将其扩展至现有类型，我们可以添加新属性。

下面是一个示例，展示了如何使用接口扩展现有类型：

interface Person {
  name: string;
}

interface PersonWithAge extends Person {
  age: number;
}

const person: PersonWithAge = {
  name: 'John',
  age: 30
};

在上述示例中，我们有一个名为 Person 的接口，它定义了一个 name 属性。然后，我们使用 PersonWithAge 接口扩展 Person 接口，并添加了一个 age 属性。之后，我们创建了一个 person 对象，在类型中同时包含了 name 和 age 属性。

通过使用接口扩展，我们可以轻松地将新属性添加到现有类型中。

使用类型别名扩展现有类型

除了接口，TypeScript 还提供了类型别名（type aliases）来扩展现有类型。

下面是一个使用类型别名扩展的示例：

type Person = {
  name: string;
}

type PersonWithAge = Person & {
  age: number;
}

const person: PersonWithAge = {
  name: 'John',
  age: 30
};

在上述示例中，我们使用类型别名 Person 定义了一个具有 name 属性的类型。然后，我们使用类型别名 PersonWithAge 扩展了 Person 类型，并添加了一个 age 属性。最后，我们创建了一个 person 对象，它同时包含 name 和 age 属性。

使用类型别名还可以实现更高级的类型操作，例如联合类型、交叉类型等。

声明合并

如果要添加的属性属于某个已有类型的全局声明，我们可以使用声明合并（Declaration Merging）来添加属性。

下面是一个使用声明合并添加属性的示例：

interface Person {
  name: string;
}

interface Person {
  age: number;
}

const person: Person = {
  name: 'John',
  age: 30
};

在上述示例中，我们有两个名为 Person 的接口，它们分别定义了 name 和 age 属性。TypeScript 会自动合并这两个接口，并将它们的属性组合在一起。通过声明合并，我们可以轻松地为现有类型添加属性。

需要注意的是，声明合并只适用于全局或模块级的声明，无法在函数或局部作用域内使用。

使用类型映射

还有一种方法是使用类型映射（Mapped Types）。类型映射允许我们以一种简洁的方式为现有类型添加、修改或删除属性。

下面是一个使用类型映射添加属性的示例：

type Person = {
  name: string;
}

type PersonWithAge = {
  [K in keyof Person]: Person[K];
} & {
  age: number;
}

const person: PersonWithAge = {
  name: 'John',
  age: 30
};