TypeScript篇 🔭 理论+类型体操

飞书用户1744

2024年8月10日修改

序言

在当下的前端环境中，ts是项目的重要选型之一。基本上如果有新开的项目，都会有ts的加持。那这么重要的类型语言，在面试中自然是必不可少的啦~​

下面就以理论题+类型体操题的方式，来给大家讲解面试中那些高频的TS类型题~​

一、理论题

1、你觉得 interface 和 type 之间有什么异同点？

好的，这个问题还蛮经典的。下面我来讲讲 interface 和 type 的异同点。​

首先，interface 和 type 都可以用来描述对象类型、函数类型和类的类型。不过，type 比 interface 更灵活，因为 type 还可以用来定义元组、联合类型、交叉类型等更复杂的类型结构。​

举个例子，在对象扩展的时候，interface 使用 extends 关键字，而 type 使用交叉类型（&）来实现。例如：​

代码块

interface A {​
    x: number;​
}​
​
interface B extends A {​
    y: string;​
}​
​
type C = {​
    x: number;​
}​
​
type D = C & {​
    y: string;​
}​

另外，如果我们定义了两个同名的 interface，它们会自动合并，这在定义库或扩展第三方库类型时很有用。而 type 则没有这种特性，它不会自动合并同名的类型定义。​

还有一个比较有趣的点是，在复杂类型编程场景下，比如使用映射类型的时候，type 会更方便。因为 interface 不能使用一些高级的类型工具，而 type 可以。​

不过值得注意的是，在对象扩展的情况下，使用 interface 继承要比使用交叉类型的性能更好，这是官方在 Wiki 中特别提到的。​

在我的实践中，我一般会这样分配：用 interface 来定义对象类型，因为它语义上更明确，表示我们在定义一个对象的“接口”。而 type 我主要用来处理函数签名、联合类型、工具类型等等复杂的类型逻辑。​

2、对ts的理解？ts的好处有哪些？

在业务当中，改了个配置，直接在终端展示TS错误，debug更加快速。​

定义接口时，直接在源头定义对应的数据类型。这样在写代码的时候，就可以直接知道类型错误。​

3、ts泛型是啥意思？有什么作用？

泛型的基本概念：

泛型的基本语法是使用尖括号 <T> 来表示一个类型参数，其中 T 是一个类型变量，具体的类型会在使用时确定。​

泛型的作用：

•
代码重用性：泛型允许你编写出可以处理不同类型的函数或类，从而避免重复代码。​

•
类型安全：泛型可以在编译时检查类型，从而减少运行时错误。​

•
灵活性：泛型可以适应多种数据类型，使得代码更加灵活和通用。​

•
可读性和可维护性：通过使用泛型，可以使代码更加清晰和易于维护。​

4、类型兼容性比较

这一问题主要考察你是否了解 TypeScript 类型系统的基本工作原理，以及使用的深入程度。因为通常来说，只有具有一定经验的使用者才会开始了解类型兼容性的相关规则，而了解这部分规则也就意味着你至少能够独立解决相当一部分类型报错。​

范围	回答
及格线	TypeScript 使用鸭子类型，也即结构化类型系统进行类型兼容性的比较，即对于两个属性完全一致的类型，就认为它们属于同一种类型。而对于 A 类型、A + B 类型，认为后者属于前者的子类型。另外 TypeScript 类型中还存在着一部分特殊的规则，如 object、{} 以及 Top Type 等。
优秀回答	能回答出上面这些内容已经不错了，但如果想进一步升华回答，还可以从以下方面进行扩展。 • 结构化类型系统到标称类型系统，你可以表达你不仅了解结构化类型系统，还了解与其可以作为对比的标称类型系统，包括存在意义与比较方式，以及如何在 TS 中实现标称类型系统。 • 类型层级，类型兼容性的比较本质上其实也就是在类型层级中进行比较，一个类型能够兼容其子类型，就这么回事，因此，不妨扩展地讲一讲 TS 的类型层级是怎么样的。

TypeScript篇 🔭 理论+类型体操​