TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

如果你有写过 Vue3 的项目，那么对 TypeScript 肯定不会陌生。不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3 + TypeScript 已经成为首选技术方案之一

在 TypeScript 这个强大的静态类型系统中，type 和 interface 是两个重要的关键字，用于定义和描述数据类型。然而，这两者之间的区别是什么，在实际开发过程中我们要怎么用呢？废话不说，直接进入正题，就让我们一起深入探讨吧

一、type 和 interface 的定义

• type: 可以定义一个集合，可以包含各种类型的属性和值，以用来描述对象、函数、联合类型、交叉类型等

type Person = {
  name: string;
  age: number;
  sex: 0 | 1;
};

• interface：它定义了一个对象的形状，描述了对象应该具有的属性及其类型

interface Person {
  name: string;
  age: number;
  sex: 0 | 1;
}

通过上面的示例，我们可以看到，虽然type 和interface都可以用来描述对象的结构，但是它们的语法略有不同。type 使用等号来定义类型别名，而 interface 使用花括号直接定义接口的成员

二、type 和 interface 的可扩展性