前言
事件驱动编程是前端领域中非常常见的一种编程范式，而 event-emitter-generator 是一个能够方便生成事件驱动代码的 npm 包，本文将介绍如何使用该包来简化事件驱动编程。
安装
由于该包是一个 npm 包，因此我们需要使用 npm 或者 yarn 来进行安装：
npm install event-emitter-generator
简单的例子
在介绍如何使用该包之前，让我们先来看一下一个简单的例子，使用该包来实现一个事件驱动的计数器：
-- -------------------- ---- -------
----- --------------------- - ----------------------------------
----- ------- -
------------- -
---------- - -
------------ - ---------------------------
-
----------- -
------------
--------------------------------
-
-
----- ------- - --- ---------
--------------------------------- -- -- -
------------------ -------- ------------------
--
-------------------
-------------------在这个例子中，我们创建了一个计数器类 Counter，它包含一个 increment 方法，在该方法被调用时会将计数器加1，并通过 this.emitter.emit 方法来触发 countChange 事件。在创建 Counter 的实例之后，我们可以通过 emitter.on 方法来监听该事件，从而在计数器的值发生变化时获得通知。
参数传递
通过上面的例子我们已经能够大概了解该包的用法了，然而在实际使用中，我们经常需要传递一些参数给事件处理函数。让我们来看一个例子，如何使用该包来实现一个支持传递参数的事件驱动代码：
-- -------------------- ---- -------
----- --------------------- - ----------------------------------
----- ---- -
------------- -
--------- - --
------------ - ---------------------------
-
------------- -
--------- - ----
------------------------------- -----
-
-
----- ---- - --- ------
----------------------------- --------- -- -
----------------- ------- --- ------------
--
-------------------- --------在这个例子中，我们创建了一个 Data 类，该类包含一个 setText 方法，当该方法被调用时会将内部存储的文本字段更新为新的文本，并通过 this.emitter.emit 方法触发 textChange 事件，并将新的文本作为参数传递给事件处理函数。
暂停事件处理
在某些情况下，我们需要在事件处理函数执行期间暂停事件处理，直到一定条件达成后再恢复事件处理。在使用该包时，我们可以通过调用 context.emitAsync 方法来实现异步的事件处理，并在需要时使用 context.pause 方法暂停事件处理，使用 context.resume 方法恢复事件处理。下面是一个简单的例子，展示了如何暂停事件处理：
-- -------------------- ---- -------
----- --------------------- - ----------------------------------
----- ----- -
------------- -
--------- - -
------------- - -----
------------ - ---------------------------
-
------- -
----- ------ - -------------- -- -
-- ---------------- -
-----------
------------------------------ ----------
-
-- ----
------ -- -- ---------------------
-
------- -
------------- - ----
-
-------- -
------------- - -----
-
-
----- ----- - --- -------
----- ---- - -------------
------------------------ ------ -------- -- -
----------------- -- ---- ---------
-- ----- --- -- -
-------------------------
---------------
------------- -- -
--------------------------
----------------
-- -----
-
--
------------- -- -
--------------------- ----------
------
-- ------在这个例子中，我们创建了一个 Clock 类，该类包含了一个 start 方法，该方法会每隔 500ms 触发一次 tick 事件，并将当前时间作为参数传递给事件处理函数。
在事件处理函数中，我们使用了 context.pause 方法暂停事件处理，并使用 setTimeout 方法在 3s 后恢复事件处理。在 5s 时我们触发了暂停事件处理，3s 后恢复事件处理，从而演示了如何使用 pause 和 resume 方法实现事件驱动代码的暂停和恢复。
结论
本文介绍了如何使用 event-emitter-generator 来简化事件驱动编程，包括了基本用法、传参和暂停事件处理等方面。在实际使用中，我们可以通过该包来更加轻松地编写可维护的事件驱动代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cbe81e8991b448da51c