简述TypeScript 中 interface 和 type 的差别是什么？

八股文_TypeScript面试题 0 43

参考回答

在 TypeScript 中，interface 和 type 都可以用来定义类型，它们有很多相似之处，但也有一些重要的区别。

interface 主要用于定义对象的结构，包括对象的属性和方法。
type 更为灵活，除了可以定义对象类型，还可以定义基本类型、联合类型、交叉类型等。

简要总结：

interface 更专注于定义对象的形状（特别是对象、类的类型）。
type 更加通用，支持更复杂的类型定义，包括类型别名、联合类型、交叉类型等。

示例：

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

type Animal = {
  species: string;
  age: number;
};

const person: Person = { name: "John", age: 30 };
const animal: Animal = { species: "Dog", age: 5 };

详细讲解与拓展

1. 扩展性

interface 可以通过声明合并（declaration merging）来扩展和修改。多个相同名字的 interface 会自动合并它们的属性，这使得 interface 更适合用在类或外部库的扩展中。

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

interface Person {
  address: string;
}

const person: Person = { name: "Alice", age: 25, address: "123 Main St" };

在上面的例子中，我们通过声明合并将 Person 接口扩展，添加了 address 属性。

type 不支持声明合并，因此不能像 interface 那样通过多次声明来扩展类型。每个 type 必须是独一无二的。

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

// 错误：不能重复定义
type Person = {
  address: string;
};

2. 语法和功能的差异

type 可以表示更复杂的类型，比如联合类型（|）、交叉类型（&）、条件类型（extends）等。

type Response = "success" | "error";  // 联合类型
type Point = { x: number; y: number };  // 对象类型
type Person = { name: string; age: number } & { address: string };  // 交叉类型

interface 通常用于描述对象的形状，虽然它也可以用于函数签名，但它不能像 type 那样支持更复杂的类型表达式。

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

type Response = "success" | "error";  // 仅能通过 `type` 来表达联合类型

3. 类型别名与交叉类型

type 还允许更复杂的类型定义，例如交叉类型、联合类型、映射类型等，这些功能在 interface 中没有直接支持。

type UnionType = string | number;  // 联合类型
type IntersectionType = { name: string } & { age: number };  // 交叉类型

4. `type` 和 `interface` 的互换性

虽然 type 和 interface 很多时候可以互换使用，但仍然存在一些细微差别。对于简单的对象定义，它们通常没有太大区别。通常推荐使用 interface 来定义对象和类的类型，而使用 type 来进行更复杂的类型定义。

5. 使用场景

interface 适用于定义对象的形状或类的类型，尤其是在需要扩展和声明合并的场景下。
type 更适合用来定义基础类型、联合类型、交叉类型以及复杂的类型组合。

总结

interface 和 type 都是 TypeScript 中非常重要的类型工具。interface 更侧重于描述对象类型，且具有声明合并的特性；而 type 更灵活，能够处理更多复杂的类型结构，包括联合类型、交叉类型等。两者在很多情况下可以互换，但根据需求的不同，选择合适的工具能更好地满足需求。