TS 中 interface 和 type 孰优孰劣？一一剖析

在 TypeScript 中，interface 和 type 都是用于定义类型的两种机制。它们都有类似的功能，但实际上还是存在一些细微的区别。这篇博客文章将对 interface 和 type 进行详细比较，帮助读者更好地理解它们的用法和区别。

1. 定义方式

interface 和 type 的定义方式略有不同。interface 使用 interface 定义，而 type 使用关键字 type 定义。例如：

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

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

2. 继承

interface 可以继承其他 interface，而 type 不可以。例如：

interface Animal {
  name: string;
}

interface Dog extends Animal {
  breed: string;
}

3. 可选属性

interface 可以定义可选属性，而 type 不可以。可选属性是指可以不赋值的属性。例如：

interface Person {
  name: string;
  age?: number; // 可选属性
}

4. 联合类型

interface 可以定义联合类型，而 type 不可以。联合类型是指可以取多个值的一种类型。例如：

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

interface Student extends Person {
  school: string;
}

type PersonOrStudent = Person | Student;

5. 交叉类型

interface 可以定义交叉类型，而 type 不可以。交叉类型是指将多个类型合并为一个新类型。例如：

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

interface Student {
  school: string;
}

type PersonAndStudent = Person & Student;

6. 索引类型

interface 可以定义索引类型，而 type 不可以。索引类型是指可以根据索引访问元素的类型。例如：

interface Person {
  [index: string]: string;
}

7. 只读属性

interface 可以定义只读属性，而 type 不可以。只读属性是指只能赋值一次的属性。例如：

interface Person {
  readonly name: string;
}

结论

interface 和 type 都是 TypeScript 中用于定义类型的两种机制。它们都有类似的功能，但实际上还是存在一些细微的区别。总的来说，interface 比 type 更加灵活，因为它支持继承、可选属性、联合类型、交叉类型、索引类型和只读属性。而 type 更加简单，因为它不支持这些特性。

在实际使用中，我们可以根据自己的需要选择使用 interface 或 type。如果我们需要定义一个复杂