在 TypeScript 中，类型别名和接口是两种非常常见的类型定义方式。虽然它们都可以用来定义类型，但它们之间有着明显的区别。在本文中，我们将详细探讨这两种类型定义方式的区别。
类型别名
类型别名是一个已经存在的类型的别名，它可以让我们创建更清晰、更易读的代码。通过类型别名，我们可以给一个类型定义一个新的名字。
例如，我们可以使用类型别名将一个复杂的类型定义为一个简单的名称。比如：
type User = {
name: string;
age: number;
address: {
city: string;
street: string;
};
};这个类型别名将一个包含人员姓名、年龄和地址的对象定义为一个名为 User 的类型。我们可以在代码中使用 User，而不是使用这个复杂的类型定义。
类型别名也可以用于泛型类型：
type ApiResponse<T> = {
code: number;
message: string;
data: T;
};这个类型别名定义了一个通用的 API 响应类型，可以用于任何类型的数据。
接口
接口是一个定义了对象属性、方法和事件的新类型。它常常被用来定义 JavaScript 对象的类型和结构。
一个示例接口定义如下：
interface User {
name: string;
age: number;
address: {
city: string;
street: string;
};
}这个接口定义了一个名为 User 的新类型，它包含一个人员姓名、年龄和地址的对象。我们可以在代码中使用这个接口，通过使用对象字面量来创建符合 User 类型的新对象。
const user: User = {
name: 'Tom',
age: 26,
address: {
city: 'Beijing',
street: 'Main Street',
},
};接口可以包含一些额外的属性，例如 readonly 和 optional。readonly 属性表示对象的属性是只读的，不能被修改；optional 属性表示对象属性是可选的。
interface Book {
readonly title: string;
author: string;
pages?: number;
}这个接口定义了一个名为 Book 的新类型，它包含一个只读的书名和一个作者属性。此外，它还有一个可选的页面数量属性，如果没有提供，则默认为 undefined。
类型别名和接口的区别
类型别名和接口都是用来定义 TypeScript 中的类型，它们之间的差别实际上是非常细微的。
首先，类型别名是一个类型的别名，而接口是一个新的类型。这意味着，类型别名不能被继承或实现，而接口可以被继承或实现。
其次，类型别名可以定义任何类型，包括原始类型、联合类型、交叉类型和对象类型；而接口只能定义对象类型。
最后，类型别名可以使用 type 关键字定义，而接口则使用 interface 关键字定义。
结论
在 TypeScript 中，类型别名和接口是两种常见的类型定义方式。虽然它们都可以用来定义类型，但它们之间有着明显的区别。
类型别名是一个已经存在的类型的别名，它可以让我们创建更清晰、更易读的代码。通过类型别名，我们可以给一个类型定义一个新的名字。
接口是一个定义了对象属性、方法和事件的新类型。它常常被用来定义 JavaScript 对象的类型和结构。
我们需要根据具体的场景来选择具体的类型定义方式。如果我们只是为了方便，想要给一个复杂的类型定义一个简单的名称，那么我们应该使用类型别名。如果我们需要定义对象类型的结构，那么我们应该使用接口。
参考资料：
示例代码：
-- -------------------- ---- -------
-- ------ ----
---- ---- - -
----- -------
---- -------
-------- -
----- -------
------- -------
--
--
-- ---- ----
--------- ---- -
-------- ------ -------
------- -------
------- -------
-
-- -----------
----- ----- ---- - -
----- ------
---- ---
-------- -
----- ----------
------- ----- --------
--
--
----- ----- ---- - -
------ ----------- -- --------
------- ----- -------
------ ----
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672216eb2e7021665e0a3f3a