emittery 是一个小巧且功能强大的事件处理工具，可以让你在前端应用中更轻松地管理事件。它支持异步事件、命名空间、按需取消事件等高级功能，并且非常容易使用，本文将向您介绍如何使用 emittery。
安装
要使用 emittery，您需要先安装它。您可以使用 npm 进行安装，打开终端并输入以下命令：
npm install emittery
基本使用
首先，创建一个新的 EventEmitter 实例：
const { EventEmitter } = require('emittery');
const emitter = new EventEmitter();接下来，您可以使用 .on() 方法监听事件：
emitter.on('hello', () => {
console.log('Hello, world!');
});
emitter.emit('hello'); // 输出 "Hello, world!"注意：.emit() 方法会触发所有与事件名称匹配的监听器。
您还可以使用 .off() 方法删除事件监听器：
const listener = () => {
console.log('Hello, world!');
};
emitter.on('hello', listener);
emitter.off('hello', listener);异步事件
emittery 支持异步事件，这意味着您可以等待事件完成后再继续执行代码。要创建异步事件，请返回 Promise 对象：
emitter.on('async-hello', async () => {
await someAsyncFunction();
console.log('Hello, world!');
});
await emitter.emit('async-hello');命名空间
emittery 支持命名空间，这意味着您可以更轻松地管理多个事件监听器。要创建命名空间，请在事件名称中添加 .：
-- -------------------- ---- ------- ------------------------------ -- -- - ------------------ ---- -------------- --- ------------------------------ -- -- - ------------------ ---- -------------- --- ---------------------- -- -- ------ ---- ------------ - ------ ---- ------------ --------------------------------- -- -- ------ ---- ------------
您还可以使用 .off() 方法删除命名空间中的所有事件监听器：
emitter.off('.namespace1');取消事件
emittery 支持取消事件，这意味着您可以在事件触发后取消它。要取消事件，只需将 .emit() 方法替换为 .emitSerial() 或 .emitParallel()：
-- -------------------- ---- ------- ----- -------- - ----- -- -- - ----- -------------------- ------------------- --------- -- -------------------------------- ---------- -- -- ------------- ---- ----- ------ - ----- ----------------------------------------- -- ------- --- ----------- - ------------------ ------------ - -- -- --------------- ---- ----- ------- - ----- ------------------------------------------- -- -------------------- -- ------ --- ------------ - ------------------ ------------ -
示例代码
下面是一个完整的示例代码，演示了如何使用 emittery：
-- -------------------- ---- ------- ----- - ------------ - - -------------------- ----- ------- - --- --------------- ------------------- -- -- - ------------------- --------- --- ------------------------- ----- -- -- - ----- -------------------- ------------------- --------- --- ------------------------------ -- -- - ------------------ ---- -------------- --- ------------------------------ -- -- - ------------------ ---- -------------- --- -------------------------------- ----- -- -- - ----- -------------------- ------------------- --------- --- -------------------- ---------- --------------------------- ----- ---------------------- -- -- ------- ------- ----- ---------------------------- ----- --------------------------------- -- -- ------ ---- ------------ ----- ------ - ----- ----------------------------------------- -- ------- --- ----------- - ------------------ ------------ -
至此，您已经了
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51850