前端技术回顾系列 10｜TS 泛型在类和接口中的应用

在微信中阅读，关注公众号：CodeFit。

创作不易，如果你觉得这篇文章对您有帮助，请不要忘了 点赞、分享 和 关注 我的公众号：CodeFit，为我的持续创作提供动力。

上文回顾：约束泛型（Generic Constraints）

上一篇文章我们回顾了 泛型 在 TypeScript 中的高级用法 —— 泛型约束。

通过 extends 关键字，我们可以确保传入的类型具有 特定 的属性或方法。

这样可以提高代码的类型 安全性 和 灵活性，使得 泛型 不仅可以是 任意 类型，还可以是某些 特定 属性或方法的类型。

泛型在类和接口中的应用

之前的 泛型 内容侧重于在 函数 中的使用。

本文会更多地看看 泛型 在 类 和 接口 中的应用。

大纲

1. 问题引入：队列的实现
2. 使用泛型改进队列类
3. 泛型在接口中的应用
4. 定义泛型接口
5. 泛型数组
6. 总结

1. 问题引入：队列的实现

假设我们要通过 类 来实现一个 队列，这个类需要两个方法：

• push 用于将元素加入队列。
• pop 用于将元素从队列中移出。

队列 是一种 数据结构，特点是 先进先出。

首先，我们来实现一个 没有 使用 泛型 的 队列类。

class Queue {private data: any[] = [];push(item: any): void {this.data.push(item);}pop(): any {return this.data.shift();}
}