简介
es6-emitter 是一个基于 ES6 的事件发布/订阅模式库，它可以用于处理前端程序中的事件系统。
它提供了一种简单而灵活的方法，让您在任何地方都可以使用事件系统。通过小而强大的模块来扩展编程中的事件系统，让您的应用程序更加模块化。
安装
你可以通过 npm 进行安装：
--- ------- -----------
用法
导入库
你可以使用 ES6 导入语法：
------ ------- ---- --------------
或者 CommonJS 的 require：
----- ------- - -----------------------
创建一个实例
创建一个新的 emitter 实例：
----- ------- - --- ----------
订阅事件
使用 .on() 来订阅一个事件，并传入一个回掉函数：
--------------------- -------------- - -------------------- --- --------- ---- ------- ------ ---
触发事件
使用 .emit() 来触发事件：
----------------------- ------ ---------
取消订阅
使用 .off() 来取消订阅一个事件：
-----------------------
仅订阅一次
使用 .once() 来仅订阅一个事件一次：
----------------------- ---------- - -------------------- --- --------- --- ---- ----- -- --------- -------- ---
示例
在这个示例中，我们将使用 es6-emitter 建立一个简单的观察者模式。我们将创建一个 Publisher 对象和一个 Subscriber 对象， Publisher 对象负责发布消息， Subscriber 对象订阅发布者的消息。
------ ------- ---- --------------
----- --------- -
------------- -
------------ - --- ----------
------------- - ---
-
------------------- -
----------------------------
--------------------------------- ---------
-
-
----- ---------- -
------------- -
------------ - --- ----------
------------- - ---
------------------------------- ----------------------------
-
------------------- -
----------------------------
-------------------- -------- ---------
-
-
----- --------- - --- ------------
----- ---------- - --- -------------
--------------------------- ---------在这个示例中，我们首先导入 es6-emitter 库，然后建立了 Publisher 和 Subscriber 两个类，在 Publisher 类中需要负责添加新消息，并在添加新消息后触发 messageAdded 事件。
在 Subscriber 类中，我们在构造函数中订阅了 messageAdded 事件，并在该事件被触发时将消息存储到 Subscriber.messages 中并打印消息。
最后，我们创建了一个 Publisher 和一个 Subscriber 实例，并让 Publisher 添加新的消息。
结论
es6-emitter 是一个实现了发布/订阅模式的工具库，它可以用于构建前端程序中的事件系统。这个库提供了一种方便的方法来处理事件的流程。在本文中，我们学习了如何安装和使用 es6-emitter，包括当你需要订阅、触发和取消订阅的时候如何使用它。同时，我们还通过示例代码学习了这个库的使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055e8481e8991b448dbe23