介绍
在前端开发过程中，我们经常会遇到需要实现模块间通信的情况。这时，就可以用到事件触发器（event emitter），它是一种常见的设计模式，用于解决组件与组件之间的独立性问题。npm 包 @nathanfaucett/event_emitter 若干个实例方法包括：on, off, emit, once 等等，在本文章中将详细介绍该 npm 包的使用方法。
安装
安装该 npm 包可以通过以下命令来进行：
npm install @nathanfaucett/event_emitter --save
使用
导入该 npm 包：
const EventEmitter = require('@nathanfaucett/event_emitter');on
on 是 event emitter 中最常用的方法，用来注册一个事件监听器，语法如下：
emitter.on(eventName, listener)
参数说明：
eventName：事件名称，自定义字符串；listener：事件触发回调函数，将会被异步地调用。回调会获得 resourceName 和其他附加参数的引用。
示例代码：
const EventEmitter = require('@nathanfaucett/event_emitter');
const emitter = new EventEmitter();
emitter.on('demo', () => {
console.log('触发了事件 demo！');
});
emitter.emit('demo');off
off 方法用来取消一次监听器的注册，它必须与 on 方法配对使用，语法如下：
emitter.off(eventName, listener)
参数说明：
eventName：事件名称，自定义字符串；listener：事件触发回调函数，必须为之前注册时使用的同一个函数。
示例代码：
-- -------------------- ---- ------- ----- ------------ - ---------------------------------------- ----- ------- - --- --------------- ----- -- - -- -- - ------------------ -------- -- ------------------ ---- ------------------- ---- ---------------------
once
once 方法和 on 方法相似，用来注册事件，但是执行顺序和次数会有所不同。once 只会监听一次触发，触发后就会自动取消只剩下。
emitter.once(eventName, listener)
参数说明：
eventName：事件名称，自定义字符串；listener：事件触发回调函数，触发后自动取消。
示例代码：
-- -------------------- ---- ------- ----- ------------ - ---------------------------------------- ----- ------- - --- --------------- -------------------- -- -- - ------------------------ --- --------------------- ---------------------
emit
emit 方法用来触发一个事件，所有注册到该事件的监听器都会被调用。语法如下：
emitter.emit(eventName[, ...args])
参数说明：
eventName：事件名称，自定义字符串；...args：可选的附加数据参数
示例代码：
const EventEmitter = require('@nathanfaucett/event_emitter');
const emitter = new EventEmitter();
emitter.on('demo', (a, b) => {
console.log('a + b = ', a + b);
});
emitter.emit('demo', 1, 2);总结
以上是 npm 包 @nathanfaucett/event_emitter 的使用教程，它是一种非常简单而实用的模块通信方案。在实际应用中，我们可以将它用于组件之间的通信以及其他类似的场景，以提高代码的复用性以及组件间的耦合度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcd967216659e244920