在前端开发中，经常会遇到需要使用 pub/sub（发布/订阅）模式进行组件之间的通讯。而 @types/pubsub-js 是一个支持 TypeScript 的 pub/sub 库，通过安装该 npm 包，可以更加方便地在 TypeScript 项目中进行 pub/sub。
什么是 @types/pubsub-js
@types/pubsub-js 是一个 pub/sub 库的 TypeScript 类型定义，它本身并不包含 pub/sub 的实现。它包含了 pubsub-js 库的类型定义，可以使开发者在 TypeScript 项目中使用 pubsub-js 库时拥有更好的代码提示和类型检查。
安装 @types/pubsub-js
安装 @types/pubsub-js 非常简单，只需要在命令行中执行以下命令即可：
npm install --save @types/pubsub-js
在安装之后，你需要引入 pubsub-js 库和 typescript 类型声明到你的项目中。
import {PubSub} from 'pubsub-js';
import {PSSubscribeToken, PSPublishOptions} from 'pubsub-js/@types/pubsub-js'使用 @types/pubsub-js
@types/pubsub-js 与 pubsub-js 在使用上没有什么太大的区别，在使用上主要有以下几个 API：
发布消息
使用 publish 方法发布消息，该方法接收两个参数：
- 一个 string 类型的 topic，表示消息的主题；
- 一个任意类型的值，表示消息的内容。
import {PubSub} from 'pubsub-js';
// 1. 创建 PubSub 实例
const pubsub = new PubSub();
// 2. 发布消息
pubsub.publish('topic1', {message: 'Hello World!'});
订阅消息
使用 subscribe 方法订阅消息，该方法接收两个参数：
- 一个 string 类型的 topic，表示要订阅的主题；
- 一个回调函数，接收两个参数：第一个参数是订阅的消息，第二个参数是消息的数据。
-- -------------------- ---- -------
------ -------- ---- ------------
-- -- -- ------ --
----- ------ - --- ---------
-- -- ----
-------------------------- ------- ------- ----- ---- ---
--------------------- ------ --------- ------- ------
---其他支持的 API
- unsubscribe: 用于取消订阅一个主题。
- clearAllSubscriptions: 用于取消订阅所有主题。
-- -------------------- ---- -------
------ -------- ---- ------------
-- -- -- ------ --
----- ------ - --- ---------
-- -- ----
----- ------ ---------------- - -------------------------- ------- ------- ----- ---- ---
--------------------- ------ --------- ------- ------
---
-- -- ----
--------------------------
-- --------
-------------------------------示例代码
下面是一个完整的例子，它演示了如何使用 @types/pubsub-js 在一个 TypeScript 项目中进行 pub/sub 通讯：
-- -------------------- ---- -------
------ -------- ---- ------------
------ ------------------ ----------------- ---- ----------------------------
-- -- -- ------ --
----- ------ - --- ---------
-- -- ----
----- ------ ---------------- - -------------------------- ------- ------- ----- ---- ---
--------------------- ------ --------- ------- ------
---
-- -- ----
------------------------ --------- ------ --------- ------- -------
-- -- ----
--------------------------
-- -- ------
-------------------------------结语
@types/pubsub-js 可以让我们在使用 TypeScript 开发前端项目时更加方便地使用 pub/sub 模式进行组件间通讯，并且通过类型声明可以更好地进行类型检查和代码提示，从而提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-pubsub-js