介绍
npm 包 @uwu/events 是一个轻量级事件模块，用于管理和发送事件。它具有开箱即用的功能，与 Node.js 和浏览器兼容，并支持异步事件和命名空间。
安装
通过 npm 安装：
npm install @uwu/events
使用
-- -------------------- ---- ------- ----- - ------------ - - ----------------------- ----- ------------ - --- --------------- -- ---- --------------------------- ------ -- - ------------------ ----------- --- -- ---- ----------------------------- ---------
以上示例中，我们创建了一个事件管理器，并使用 on 方法监听了一个名为 sayHello 的事件。当我们调用 emit 方法时，管理器会触发相应的事件，并执行对应的回调函数。
提供的方法
on(eventName, listener)
监听事件。当事件被触发时，处理程序将作为参数传递给监听器。
once(eventName, listener)
只监听一次事件。一旦事件被触发，监听器就会被删除。
emit(eventName[, ...args])
触发事件，并将可选参数传递给监听器。
off(eventName, listener)
从事件中删除单个监听器。如果 listener 未提供，则删除所有 eventName 的监听器。
removeAllListeners([eventName])
从所有或指定事件中删除所有监听器。
异步事件
您可以使用 async 和 await 实现异步事件。例如：
eventEmitter.on('fetchData', async (url) => {
const response = await fetch(url);
const data = await response.json();
console.log(data);
});
eventEmitter.emit('fetchData', 'https://jsonplaceholder.typicode.com/todos/1');在上面的示例中，我们使用 async 和 await 模式，在事件完成之前等待异步数据。
命名空间
命名空间可以帮助我们更好地组织事件。例如：
-- -------------------- ---- ------- ----- ------------ - --- --------------- -------------------------- ------ -- - --------------------- ---------- --- -------------------------- ------ -- - --------------------- ---------- --- ---------------------------- --------- ---------------------------- ---------
在上面的示例中，我们使用 . 分隔符定义了事件名称，以便更好地组织它们。为了触发 foo.bar 事件，我们通过 . 分隔符指定了其命名空间。
总结
npm 包 @uwu/events 是一个强大而易于使用的事件模块，具有许多有用的功能和选项，可帮助您更好地管理和发送事件。如果您正在构建一个新的前端应用程序或库，我们强烈建议您使用此模块。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006736d890c4f727758407e