TypeScript 接口与类型别名的区别与选择指南

在 TypeScript 中，接口（interface）和类型别名（type）都可以用来定义对象的形状或类型，但它们有一些关键的区别。理解这些区别可以帮助你更好地选择使用哪一种方式，从而避免混淆。

1. 接口（interface）

• 扩展性：接口可以通过 extends 关键字进行扩展，支持继承。
• 合并声明：同名的接口会自动合并，这在扩展第三方库的类型定义时非常有用。
• 主要用于对象类型：接口通常用于定义对象的形状。

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

interface Employee extends Person {
  employeeId: number;
}

2. 类型别名（type）

• 灵活性：类型别名可以定义更复杂的类型，如联合类型、交叉类型、元组等。
• 不可扩展：类型别名不能通过 extends 进行扩展，但可以通过交叉类型（&）实现类似的效果。
• 不可合并：同名的类型别名会报错。

type Person = {
  name: string;
  age: number;
};

type Employee = Person & {
  employeeId: number;
};

3. 如何选择使用接口还是类型别名

• 使用接口的情况：

  • 当你需要定义一个对象的形状，并且可能需要扩展或合并时。
  • 当你需要为类（class）定义类型时，接口更适合。

• 使用类型别名的情况：

  • 当你需要定义联合类型、交叉类型、元组等复杂类型时。
  • 当你需要定义一个基本类型（如字符串、数字等）的别名时。

4. 解决混淆的建议

• 一致性：在项目中保持一致性，选择一种方式并坚持使用。例如，如果你主要使用接口来定义对象类型，那么在整个项目中都使用接口。
• 明确用途：根据上述区别，明确在什么情况下使用接口，什么情况下使用类型别名。
• 团队规范：在团队中制定统一的规范，避免不同开发者混用接口和类型别名。

5. 示例

// 使用接口定义对象类型
interface User {
  id: number;
  name: string;
}

// 使用类型别名定义联合类型
type ID = number | string;

// 使用类型别名定义交叉类型
type Admin = User & { role: string };

通过理解接口和类型别名的区别，并根据具体场景选择合适的方式，可以有效避免混淆，并编写出更清晰、更易维护的 TypeScript 代码。