TypeScript 中的 interface 和 type 有何区别？

在 TypeScript 中，interface 和 type 都可以用于定义类型，尤其是对于对象、函数、数组等复杂类型的定义。它们的用法和功能有一些重叠，但也有各自的特点和优势。理解这些差异对于编写更清晰、更有效的 TypeScript 代码至关重要。

1. 基本定义

interface

interface 用于定义一个对象的结构或契约。它是 TypeScript 中非常基础且重要的类型定义工具，通常用于定义类、对象的类型约束。

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

type

type 是 TypeScript 中的一种类型别名，可以用来定义任何类型，包括对象、联合类型、元组、基础类型等。

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

2. 扩展和合并

interface 的扩展

interface 可以通过继承来扩展已有的接口，也可以通过声明合并（declaration merging）来多次声明同一个接口，TypeScript 会自动将它们合并。

interface Person {
  name: string;
  age: number;
}
​
interface Person {
  gender: string;
}
​
const person: Person = {
  name: "John",
  age: 30,
  gender: "Male"
};

type 的扩展

type 不能像 interface 那样直接通过声明合并，但可以通过交叉类型（&）来组合多个类型。

type Person = {
  name: string;
  age: number;
};
​
type Employee = Person & {
  employeeId: string;
};
​
const employee: Employee = {
  name: "John",
  age: 30,
  employeeId: "12345"
};

3. 用法差异

interface 用于面向对象编程

interface 更适合用于面向对象编程中的类的类型约束。它为实现类提供契约，使得类必须实现接口中定义的所有属性和方法。

interface Animal {
  sound(): void;
}
​
class Dog implements Animal {
  sound() {
    console.log("Woof!");
  }
}

type 用于更复杂的类型

type 可以用于定义更复杂的类型，例如联合类型、交叉类型、元组、映射类型等。它的灵活性更强，适用于多种类型定义。

type ID = string | number;
type Coordinates = [number, number];

4. type 和 interface 的联合与交叉

type 和 interface 都支持联合类型和交叉类型，但两者的用法有所不同。

interface 和联合类型

interface 不支持联合类型，但可以通过扩展的方式来合并不同的结构。

// interface 不支持直接定义联合类型
// interface A | B { ... }  // 错误

type 和联合类型

type 可以直接定义联合类型。

type A = { name: string };
type B = { age: number };
type C = A | B;  // A 或 B

5. 性能和最佳实践

适合使用 interface 的场景：

• 面向对象设计：interface 更适合定义类的契约。

• 多次扩展：如果需要多次扩展和合并接口，interface 是更合适的选择。

• 声明合并：如果需要声明合并的功能，使用 interface 是更优的选择。

适合使用 type 的场景：

• 类型别名：当你需要定义联合类型、交叉类型等复杂类型时，type 更加灵活。

• 映射类型：type 能够更好地处理映射类型等特殊类型。

6. 总结对比

结论

• 如果你需要定义一个类的契约或结构，并且可能需要多次扩展，interface 是更合适的选择。

• 如果你需要更复杂的类型定义，特别是涉及到联合类型、交叉类型等场景，type 是更灵活的工具。

在实际开发中，通常我们建议在处理对象的结构时使用 interface，而当涉及到更加复杂的类型时，使用 type。两者并不是完全对立的，可以根据实际情况灵活选择。