前端 TypeScript 面试题, TypeScript 的类型别名和接口有什么区别?

Step 1

Q:: TypeScript 的类型别名和接口有什么区别？

A:: 类型别名（type）和接口（interface）在 TypeScript 中有许多相似之处，都可以用于定义对象、函数、数组等复杂类型。但它们的区别在于：1. 扩展性：接口支持扩展（可以通过 extends 来继承多个接口），而类型别名通过交叉类型（&）实现扩展。2. **合并声明**：接口可以合并声明，即同名接口会自动合并，而类型别名不能。3. 使用范围：类型别名可以用于定义原始类型、联合类型、元组等，而接口主要用于定义对象类型。

Step 2

Q:: 什么是类型别名？

A:: 类型别名（Type Alias）是 TypeScript 中的一种功能，用于为复杂类型创建一个简短的别名。它可以为对象类型、函数类型、联合类型、元组类型等创建别名。类型别名使用 type 关键字定义，如：type Point = { x: number, y: number };。类型别名在简化代码和增加可读性方面非常有用，尤其是在处理复杂类型时。

Step 3

Q:: 接口在 TypeScript 中的作用是什么？

A:: 接口（Interface）用于定义对象的类型结构，描述对象应具有的属性和方法。接口不仅可以约束对象的形状，还可以用于函数、类的类型检查。接口支持继承，可以通过 extends 关键字扩展其他接口，这使得它在定义和复用复杂类型时非常有用。

Step 4

Q:: 类型别名和接口可以互相替换吗？

A:: 在大多数情况下，类型别名和接口可以互换使用，但它们在某些场景下有不同的表现。比如，接口可以声明合并，而类型别名不行。此外，类型别名可以表示原始类型、联合类型等，接口则不行。因此，在选择使用哪一种时，需要根据具体的需求来决定。