TypeScript中的接口与类型

Question

TypeScript中的这些语句（接口与类型）之间有什么区别？

interface X {
    a: number
    b: string
}

type X = {
    a: number
    b: string
};

Answer 1

截至TypeScript 3.2（2018年11月），以下情况属实：

Answer 2

2021年3月更新：较新的打字稿手册有一节界面与别名，解释了差异。

原创答案（2016）

根据（现已存档）TypeScript语言规范：

与总是引入命名对象类型的接口声明不同，类型别名声明可以为任何类型引入名称，包括基元、联合和交集类型。

规范还提到：

接口类型与对象类型文字的类型别名有许多相似之处，但由于接口类型提供了更多功能，它们通常比类型别名更受欢迎。例如，接口类型

interface Point {
    x: number;
    y: number;
}

可以写成类型别名

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

但是，这样做意味着失去以下功能：

Answer 3

目前的答案和官方文件已经过时。对于那些刚接触TypeScript的人来说，如果没有例子，所使用的术语就不清楚了。以下是最新的差异列表。

两者都可以用来描述对象的形状或函数签名。但是语法不同。

界面

interface Point {
  x: number;
  y: number;
}

interface SetPoint {
  (x: number, y: number): void;
}

类型别名

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

type SetPoint = (x: number, y: number) => void;

与接口不同，类型别名也可以用于其他类型，如原语、联合和元组。

// primitive
type Name = string;

// object
type PartialPointX = { x: number; };
type PartialPointY = { y: number; };

// union
type PartialPoint = PartialPointX | PartialPointY;

// tuple
type Data = [number, string];

两者都可以扩展，但同样，语法不同。另外，请注意，接口和类型别名不是互斥的。接口可以扩展类型别名，反之亦然。

接口扩展接口

interface PartialPointX { x: number; }
interface Point extends PartialPointX { y: number; }

类型别名扩展类型别名

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

接口扩展了类型别名

type PartialPointX = { x: number; };
interface Point extends PartialPointX { y: number; }

类型别名扩展接口

interface PartialPointX { x: number; }
type Point = PartialPointX & { y: number; };

类可以以完全相同的方式实现接口或类型别名。但是请注意，类和接口被视为静态蓝图。因此，它们无法实现/扩展命名联合类型的类型别名。

interface Point {
  x: number;
  y: number;
}

class SomePoint implements Point {
  x = 1;
  y = 2;
}

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

class SomePoint2 implements Point2 {
  x = 1;
  y = 2;
}

type PartialPoint = { x: number; } | { y: number; };

// FIXME: can not implement a union type
class SomePartialPoint implements PartialPoint {
  x = 1;
  y = 2;
}

与类型别名不同，接口可以多次定义，并将被视为单个接口（合并所有声明的成员）。

// These two declarations become:
// interface Point { x: number; y: number; }
interface Point { x: number; }
interface Point { y: number; }

const point: Point = { x: 1, y: 2 };