TS中interface和type的区别

在 TypeScript 中，interface 和 type 都可以用来定义对象的类型，但它们之间存在一些差异。

以下是 interface 和 type 的主要区别：

1. 扩展（Extending）:

   • interface 可以通过 extends 关键字来扩展其他 interface。

     interface Animal {
       name: string;
     }
     
     interface Dog extends Animal {
       breed: string;
     }
     

   • type 可以通过交叉类型（&）来实现类似的功能。

     type Animal = {
       name: string;
     };
     
     type Dog = Animal & {
       breed: string;
     };
     

2. 合并（Merging）:

   • interface 支持声明合并，即如果多次声明同一个 interface，TypeScript 会将它们合并成一个。

     interface MyInterface {
       a: number;
     }
     
     interface MyInterface {
       b: string;
     }
     
     // MyInterface 现在包含 { a: number, b: string }
     

   • type 不支持声明合并，重复定义会报错。

3. 使用场景:

   • interface 主要用于定义对象的形状，也可以用于定义函数和类。
   • type 可以定义对象的形状，还可以定义联合类型、元组、原始类型等。

     type MyType = string | number;
     type MyTuple = [string, number];
     

4. 类型别名:

   • type 可以创建类型别名，用于任何类型，不仅仅是对象。
   • interface 不能用于创建类型别名。

5. 兼容性:

   • interface 和 type 在大多数情况下可以互换使用，但在某些情况下，它们的兼容性可能会有所不同。例如，当涉及到类时，interface 可以用来描述类的实例类型，而 type 则不能。

6. 编译:

   • interface 在编译后会被移除，不会出现在 JavaScript 代码中。
   • type 在编译后也会被移除，不会出现在 JavaScript 代码中。

总结来说，interface 更适合用于定义对象的形状，并且支持声明合并和 extends，而 type 更灵活，可以用于定义各种类型，包括联合类型和元组。在实际开发中，选择使用 interface 还是 type 往往取决于个人或团队的偏好和项目的具体需求。