typescript 中type和interface的区别

在 TypeScript 中，type 和 interface 都是用来定义类型别名的工具，但它们之间有一些细微的区别。了解这些区别有助于更好地选择何时使用哪一个。

相同点

• 类型定义：两者都可以用来定义对象的形状（shape），即指定一个对象应该具有哪些属性、方法及其类型。
• 可选属性：都可以定义可选属性。
• 扩展：都可以实现继承和组合的功能。

不同点

1. 语法糖 vs 类型系统的一部分

• interface 是 TypeScript 类型系统的一部分，它更像是面向对象编程语言中的接口概念。它可以模拟继承机制，允许一个接口继承另一个接口。
• type 则更像是语法糖，它提供了更灵活的方式来定义类型别名，可以将复杂的类型表达式赋值给一个名字。

2. 扩展能力

• interface 可以被扩展（extend）和合并（merge）。如果你定义了两个相同名称的接口，TypeScript 会自动合并它们。

  interface Animal {
    name: string;
  }
  
  interface Animal {
    age: number;
  }
  
  // 实际上相当于
  interface Animal {
    name: string;
    age: number;
  }
  

• type 不能被合并，每个 type 声明都会覆盖之前的同名声明。

  type Animal = { name: string };
  
  type Animal = { age: number };  // 这里实际上是覆盖了之前的定义
  

3. 使用场景

• interface 更适合定义公共的、可能需要被扩展的对象类型。例如，定义 API 接口、组件的属性等。
• type 更适合定义具体的类型别名，尤其是那些包含联合类型（union types）、交叉类型（intersection types）等复杂类型的场合。此外，type 也适合定义基本类型别名。

4. 枚举类型

• interface 不能用于定义枚举类型。
• type 可以用来定义枚举类型的别名，尽管这不是它的主要用途。

示例

使用 interface

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

// 继承
interface Developer extends Person {
  language: string;
}

使用 type

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

// 使用联合类型
type Developer = Person & {
  language: string;
};

总的来说，选择 interface 还是 type 取决于具体的使用场景和个人喜好。在大多数情况下，两者可以互换使用，但是在需要合并类型定义或者使用面向对象风格的类型定义时，interface 更加合适。而在需要定义复杂的类型别名时，type 更具优势。