npm 包 event-emitting-promise 使用教程
前言
在前端开发中，我们经常遇到异步编程的问题。Promise 是处理异步编程的一种较为常见的方式。Promise 是一个可以异步执行的操作，只有两种状态：等待态（pending）和已完成态（fulfilled）。一旦 Promise 进入已完成态，就不会再改变状态了。
但在实际开发中，我们常常希望能够在 Promise 完成后继续触发一些事件，执行一些回调函数等。此时，npm 包 event-emitting-promise 就派上用场了。
event-emitting-promise 是什么？
event-emitting-promise 是一个 npm 包，主要提供 Promise 对象和 EventEmitter 对象的结合使用。它是 Promise 的扩展，能够在 Promise 对象的基础上提供事件监听功能。
安装
使用 npm 安装 event-emitting-promise：
npm install --save event-emitting-promise
基本使用
使用 event-emitting-promise 创建 Promise 对象，实现 Promise 和 EventEmitter 的结合使用：
-- -------------------- ---- ------- ----- - ------------ - - ------------------ ----- - ------------------- - - ---------------------------------- ----- ------- - --- --------------- ----- ------- - --- ---------------------------- ---------- ------------------- -- - -------------------- --- ---------------------- ------ --------
上述示例代码中，我们创建了一个 EventEmitter 对象 emitter，并使用 event-emitting-promise 创建了一个 EventEmittedPromise 对象 promise。这个 EventEmittedPromise 对象与 emitter 相关联，当 emitter 触发 result 事件时，promise 的状态将被设置为已完成态，并执行相关操作。
在上述代码中，当 promise 处于已完成态时，执行 promise.then() 方法注册的回调函数。这里的回调函数中，会输出 result 的值 hello world。
高级使用
除了基本使用外，event-emitting-promise 还提供了一些更高级的功能，让我们能够更方便地管理多个事件的监听器和处理器。
使用 on 和 once 方法
EventEmitter 对象提供了 on 和 once 方法，分别用来注册一次性事件和多次性事件的监听器。我们可以使用这两个方法来为 event-emitting-promise 创建的 EventEmittedPromise 对象注册事件监听器。
-- -------------------- ---- ------- ----- - ------------ - - ------------------ ----- - ------------------- - - ---------------------------------- ----- ------- - --- --------------- ----- ------- - --- ---------------------------- ---------- --------------------- ------ -- - ---------------------- -------- --- ------------------------ -- -- - ------------------------ --- ---------------------- --------- ----------------------- --------- -------------------------
上述代码中，我们为 promise 对象注册了 success 和 complete 两个事件的监听器，并使用 emit 方法模拟了两次事件触发。由于 success 事件是多次性事件，所以我们使用了 on 方法为其注册回调函数；而 complete 事件是一次性事件，所以我们使用了 once 方法为其注册回调函数。
当 promise 对象与 emitter 相关联的事件result 触发时，promise 对象会处于已完成态，并触发 success 事件和 complete 事件注册的回调函数。在上述示例代码中，输出结果为：
success world complete
使用 all 和 race 方法
除了使用 then 方法为 Promise 对象注册回调函数外，我们还可以使用 all 和 race 方法来为多个 Promise 对象统一注册回调函数。
-- -------------------- ---- ------- ----- - ------------ - - ------------------ ----- - ------------------- - - ---------------------------------- ----- ------- - --- --------------- ----- -------- - --- ---------------------------- ----------- ----- -------- - --- ---------------------------- ----------- ---------------------- ----------------------- -- - ------------------ --------- --- ----------------------- ---------------------- -- - ------------------- -------- --- ----------------------- --------- ----------------------- ---------
上述代码中，我们创建了两个 EventEmittedPromise 对象 promise1 和 promise2，并使用 all 和 race 方法为它们注册回调函数。当 promise1 和 promise2 都处于已完成态时，all 方法的回调函数将会被执行，并输出 all 和 results 的值；而 race 方法的回调函数将会被执行，并输出 race 和 result 的值。
在上述示例代码中，输出结果为：
all [ 'hello', 'world' ] race hello
总结
event-emitting-promise 是一个能够让 Promise 对象和 EventEmitter 对象结合使用的 npm 包，它在 Promise 的基础上提供了事件监听的能力。我们可以通过 event-emitting-promise 的 EventEmittedPromise 类创建一个与 EventEmitter 对象相关联的 Promise 对象，并使用它的一系列方法来管理回调函数的执行。在实际的项目开发中，我们可以通过深入了解 event-emitting-promise 的高级使用，来更好地管理异步编程中的多个事件和回调函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005591481e8991b448d6841