-
• 区别：
-
• 声明合并（Declaration Merging）：
-
• 基础类型与复杂类型的扩展：
-
• 映射类型（Mapped Types）：
-
• 可选属性默认行为：
-
• 联系：
-
• 目的相同：
-
• 基本用法类似：
-
• 兼容性：
-
• 继承与实现：
-
• 类型推断：
TypeScript 中的 type 和 interface 在许多情况下都可以用来描述和定义类型，它们在功能上有相似性但也有一些区别：
区别：
声明合并（Declaration Merging）：
-
•
interface支持声明空间内的合并。如果在同一个命名空间内多次定义同名的接口，它们会被自动合并为一个接口，包含了所有定义过的成员。 -
•
type不支持声明合并，不能在同一作用域下重复定义同名类型别名。
基础类型与复杂类型的扩展：
-
•
type可以定义更广泛的类型，包括但不限于原始类型（如string、number）、联合类型、元组类型、字面量类型、映射类型等。 -
•
interface不能直接定义基础类型，但可以通过接口来扩展已存在的类型，比如可以扩展内置对象或其它接口。
映射类型（Mapped Types）：
-
•
type可以使用key in T或keyof T等操作符来创建映射类型，这允许你基于现有类型生成新的类型。 -
•
interface不支持直接创建映射类型。
可选属性默认行为：
-
• 在 TypeScript 的早期版本中，
interface的可选属性在合并时会保持可选状态，而type则不会保留合并前的可选性。 -
• 自从 TypeScript 2.8 版本起，两种方式对于可选属性的处理一致了。
联系：
目的相同：
它们的主要用途都是为了定义和约束数据结构，确保类型安全。
基本用法类似：
两者都可以用于描述对象类型的形状，即定义属性及其类型。
兼容性：
定义的对象类型无论是通过 interface 还是 type，在实际使用时都能达到一样的效果，并且可以在变量声明、函数参数、返回值类型等方面相互替换使用。
继承与实现：
都支持继承其他接口或类型，能够实现类型层级结构的设计。
类型推断：
TypeScript 编译器对 type 和 interface 定义的类型都会进行相同的类型推断。
总结来说，在大多数日常开发场景中，可以根据个人偏好或者具体需求选择使用 type 或 interface 来定义类型。
由于 TypeScript 的演进，两者之间的很多差异已经逐渐减小，但在某些特定场景下仍需注意它们的不同之处。
原文始发于微信公众号（前端爱好者）：再谈Typescript 中的 interface 和 type 的区别
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/267324.html
