9.类型别名 副本.md
来源：https://my.feishu.cn/file/RdoObRVTSotwIYxh8PJc3uYwnGb
采集状态：已完成正文采集；已从查看代码模式逐行提取，行号 1 至 138 连续，并核对滚动到底。

## TypeScript 的重命名魔法：类型别名 (Type Aliases)

随着我们深入使用 TypeScript，类型定义会变得越来越复杂。我们可能会反复使用联合类型（如 `string | number`），或者定义一些具有特定结构的复杂对象。如果每次使用这些类型时都重新编写一遍，代码不仅会变得冗长，而且难以维护。

为了解决这个问题，TypeScript 提供了一个简洁而强大的工具：**类型别名 (Type Aliases)**。它允许我们使用 `type` 关键字，为任何类型创建一个新的、可复用的名称。

### 什么是类型别名？

从本质上讲，类型别名并不会创建一个全新的类型，它更像是在说：“嘿，TypeScript，当我使用这个新名字时，我指的就是它所代表的那个类型结构。” 它为类型提供了一个“别名”，从而简化了代码，提升了可读性。

其基本语法非常直接：

```typescript
type NewName = SomeType;
```

这个 `SomeType` 可以是任何有效的 TypeScript 类型，从简单的原始类型到复杂的对象、联合或元组类型。

### 类型别名的应用场景

#### 1. 简化联合类型

这是类型别名最常见的用途之一。假设我们的应用中，许多函数都需要接收一个既可以是 `string` 也可以是 `number` 的 ID。

**未使用类型别名：**

```typescript
function printId(id: string | number) {
  console.log(`ID: ${id}`);
}

function getUser(id: string | number): User {
  // ...
}
```

每次都需要重复 `string | number`，既繁琐又容易出错。

**使用类型别名：**

```typescript
type ID = string | number;

function printId(id: ID) {
  console.log(`ID: ${id}`);
}

function getUser(id: ID): User {
  // ...
}
```

通过创建一个名为 `ID` 的别名，我们的代码变得更加清晰、简洁，并且意图明确。如果未来需要支持另一种 ID 类型（比如 `bigint`），我们只需要修改 `ID` 这一个地方即可。

#### 2. 定义复杂的对象结构

当我们需要描述一个对象的“形状”时，类型别名非常有用。它可以清晰地定义对象应该包含哪些属性以及这些属性的类型。

```typescript
type Point = {
  x: number;
  y: number;
};

function calculateDistance(p1: Point, p2: Point): number {
  const dx = p1.x - p2.x;
  const dy = p1.y - p2.y;
  return Math.sqrt(dx * dx + dy * dy);
}

const origin: Point = { x: 0, y: 0 };
```
在这里，`Point` 成为了一个可复用的类型，用于描述任何具有 `x` 和 `y` 坐标的对象。这比在每个函数签名中都写一遍 `{ x: number; y: number; }` 要优雅得多。

#### 3. 结合泛型创造更灵活的类型

类型别名还可以与泛型结合，创造出高度灵活和可复用的类型结构。

例如，我们可以定义一个“包裹”类型，它可以包含任何类型的值：

```typescript
type Container<T> = {
  value: T;
};

const numberContainer: Container<number> = { value: 42 };
const stringContainer: Container<string> = { value: "Hello, TypeScript" };
```
通过这种方式，我们定义了一个通用的 `Container` 结构，并可以按需指定它内部 `value` 的具体类型。

### 类型别名 (Type Alias) vs. 接口 (Interface)

在 TypeScript 中，`interface` 也可以用来定义对象结构，这常常让初学者感到困惑：何时使用 `type`，何时使用 `interface`？

虽然在很多情况下它们可以互换使用，但两者之间存在几个关键的区别：

| 特性             | `type` (类型别名)                                        | `interface` (接口)                                         |
| :--------------- | :------------------------------------------------------- | :--------------------------------------------------------- |
| **核心用途**     | 为任何类型创建别名，特别适合联合类型、元组等             | 专门用于声明对象和类的形状                                 |
| **扩展方式**     | 使用交叉类型 `&` 来组合                                  | 使用 `extends` 关键字来继承                                |
| **声明合并**     | 不支持。同名的 `type` 会导致编译错误                     | 支持。多个同名 `interface` 会自动合并为一个                  |
| **适用范围**     | 可以是联合类型、交叉类型、元组、原始类型的别名           | 只能是对象结构（包括函数和数组）                           |

**示例对比：**

```typescript
// 扩展方式
// Interface
interface Animal { name: string; }
interface Dog extends Animal { breed: string; }

// Type Alias
type AnimalType = { name: string; };
type DogType = AnimalType & { breed: string; };

// 声明合并
interface User { name: string; }
interface User { age: number; } // 自动合并
const user: User = { name: "Alice", age: 30 }; // 合法

// type Point = { x: number; };
// type Point = { y: number; }; // 错误: Duplicate identifier 'Point'.
```

#### 选择建议

一个广为接受的实践法则是：

*   **优先使用 `interface` 定义对象和类的结构**：当你需要定义一个可以被 `class` 实现 (`implements`) 或被其他 `interface` 扩展 (`extends`) 的对象形状时，`interface` 是更自然的选择。它的声明合并特性也使其在为第三方库扩展类型时非常有用。
*   **在需要联合类型、元组或更复杂的组合类型时，使用 `type`**：`type` 的能力更为通用，任何 `interface` 无法表达的类型组合，都可以通过 `type` 来创建别名。

### 总结

类型别名是 TypeScript 工具箱中一个基础而强大的组成部分。它通过为复杂或重复的类型结构赋予简洁、达意的名称，极大地提升了代码的可读性、可维护性和复用性。

无论是简化一个联合类型，还是定义一个复杂的对象结构，`type` 关键字都为我们提供了一种优雅的方式来管理和组织代码中的类型。清晰地理解它与 `interface` 的区别，并根据场景做出合适的选择，是编写高质量 TypeScript 代码的关键一步。