TypeScript进击之interface VS type：深入剖析定义与应用的玄机

本文链接：https://blog.csdn.net/weixin_52223183/article/details/131664956

TypeScript 开发中，我们经常会遇到需要定义自定义类型的情况。而其中两种常用的方式就是使用接口（interface）和类型别名（type）。虽然它们在某些方面相似，但也存在一些区别和适用场景。

在本文中，我们将深入探讨interface和type的定义和应用，帮助大家更好地理解和使用它们。开始之前，我们先来看一下interface和type的基本语法和示例.

interface

interface关键字用于定义对象的形状，它允许我们描述一个对象应该有哪些属性、属性的类型以及是否可选等信息。下面是一个使用interface定义的示例：

interface Person {
  name: string;
  age: number;
  sayHello(): void;
}

const person: Person = {
  name: 'John',
  age: 25,
  sayHello() {
    console.log('Hello!');
  }
};

在上面的例子中，我们使用interface定义了一个Person接口，它具有name和age两个属性，以及一个sayHello方法。然后，我们创建了一个符合Person接口要求的对象person。

通过interface的定义，我们可以明确指定对象的结构和方法，并且在使用时会得到相应的类型检查和自动补全的支持。

type

type关键字用于给一个类型起一个别名，它允许我们创建一个自定义的类型，以便在其他地方重复使用。下面是一个使用type定义的示例：

type Point = {
  x: number;
  y: number;
};

function printPoint(point: Point) {
  console.log(`x: ${point.x}, y: ${point.y}`);
}

const point: Point = {
  x: 10,
  y: 20
};

printPoint(point);

在上面的例子中，我们使用type定义了一个Point类型，它具有x和y两个属性。然后，我们在printPoint函数的参数中使用了Point类型，以确保传入的参数符合Point的结构。

通过type的定义，我们可以在需要重复使用某个类型的地方直接引用已经定义的别名，提高了代码的可读性和可维护性。

interface VS type

现在，我们来详细比较一下interface和type之间的区别和使用场景。

相同之处：
- 都用于定义自定义的类型。
- 都可以描述对象的形状和方法。
不同之处：
- interface可以被类实现，而type不行。这意味着我们可以在使用面向对象编程(OOP)的场景下，使用interface来描述类的外部属性和方法，并且类需要遵守该接口。
- interface可以被合并，而type不行。这意味着我们可以通过声明多个同名的interface来扩展它们的定义，而type无法做到。
- interface支持声明合并的特性，使得我们可以将多个同名的接口合并为一个接口，从而扩展和合并属性和方法的定义。
- type支持联合类型、交叉类型和元组等高级类型的定义，而interface相对简单。