简介
c-pubsub 是一个简单的前端消息发布-订阅库，可以用于实现模块之间的解耦，将消息发布给多个订阅者。它适用于不同模块之间的通信和数据传递，可以提高代码的可维护性和可扩展性。
安装
要使用 c-pubsub，需要在您的项目中安装它。您可以通过 npm 安装它。
npm install c-pubsub
该库已经打包并发布到 npm，可以在任何支持 npm 包的项目中使用。
使用
以下是如何在你的项目中使用 c-pubsub。重要的是要注意，它遵循发布-订阅模式，所以你需要先创建一个主题并向该主题添加订阅者。当有事件发生时，发布者将向该主题发布消息，所有订阅该主题的订阅者都将接收到该消息。
创建新实例
首先，你需要创建一个新的 c-pubsub 实例。它非常简单，只需要通过构造函数 Cpubsub() 创建新的实例即可。
import { Cpubsub } from 'c-pubsub';
const pubsub = new Cpubsub();添加和订阅主题
要添加和订阅新主题，请使用 addListener 方法。该方法接受两个参数：主题名称和回调函数。回调函数将在消息被发布时触发。
const myTopic = 'myTopic';
pubsub.addListener(myTopic, (data) => {
console.log(`Message received: ${data}`);
});发布消息
使用 publish 方法可以向指定主题发布指定数据的消息。该方法将接受以下参数：
- 主题名称
- 要发布的消息数据
const myMessage = 'Hello, World'; pubsub.publish(myTopic, myMessage);
现在，所有订阅您的 myTopic 的订户都将通过它们持有的回调函数收到 myMessage 消息。
取消订阅
你也可以取消订阅主题，以停止接收该主题的任何新消息。使用 removeListener 方法并将其替代符合条件的主题和回调函数即可取消订阅。
pubsub.removeListener(myTopic, myCallback);
示例代码
以下是一个使用 c-pubsub 库的简单示例：
-- -------------------- ---- ------- ------ - ------- - ---- ----------- ----- ------ - --- ---------- -- ----- ----- ------- - ---------- -- ----- --------------------------- ------ -- - -------------------- --------- ---------- --- -- ---- ----- --------- - ------- ------- ----------------------- -----------
在此示例中，我们创建了一个新的 c-pubsub 实例，并订阅了一个名称为 myTopic 的新主题。接着，我们发布了一条消息，将其发送给所有订阅了 myTopic 的订户。当订阅者收到消息时，它将通过回调函数执行操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005752d81e8991b448ea43c