什么是 eventy
eventy 是一个轻量级的 JavaScript 事件库，可以使用它来触发、监听、注销事件。它支持浏览器和 Node.js 环境，并且非常容易上手。
安装
你可以使用 npm 来安装 eventy：
npm install eventy --save
示例代码
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ------ - --- --------- -- ---- ---------------- ---- -- - ----------------- - - ------ --- -- ---- --------------------- ------- --------- -- ---- ------------------
在上面的代码中，我们首先通过 require 引入了 eventy，然后创建了一个 Eventy 实例。我们使用 on 方法来注册事件，使用 trigger 方法来触发事件，使用 off 方法来注销事件。
基本使用
注册事件
eventy.on(eventName, callback)
使用 on 方法来注册事件。eventName 是事件名，callback 是处理函数。当事件触发时，事件库会调用这个函数，并传递相应的参数。
eventy.on('foo', data => {
console.log('foo: ' + data);
});触发事件
eventy.trigger(eventName[, ...args])
使用 trigger 方法来触发事件。eventName 是事件名，args 是传递给处理函数的参数。
eventy.trigger('foo', 'Hello, world!');注销事件
eventy.off(eventName[, callback])
使用 off 方法来注销事件。eventName 是事件名，callback 是处理函数。当 callback 不为空时，只有当事件库找到与 eventName 和 callback 匹配的事件监听器时，它才会注销它。否则，事件库将注销 eventName 的所有监听器。
eventy.off('foo');进阶使用
添加多个处理函数
eventy.on(eventName, callback)
使用 on 方法时，你可以添加多个处理函数。当事件触发时，事件库会按照添加处理函数的顺序执行它们。
eventy.on('foo', data => {
console.log('foo 1: ' + data);
});
eventy.on('foo', data => {
console.log('foo 2: ' + data);
});仅处理一次事件
eventy.once(eventName, callback)
使用 once 方法来仅对事件处理一次。当事件触发时，这个处理函数会被调用一次，然后自动注销。
eventy.once('foo', data => {
console.log('foo: ' + data);
});包装处理函数
eventy.wrap(callback)
使用 wrap 方法来包装处理函数。这个方法返回一个函数，它包装了原始的处理函数，并将事件对象作为其第一个参数传递给原始的处理函数。这很有用，例如，你需要在处理函数中使用事件名称或事件源。
-- -------------------- ---- ------- ---------------- ----- -- - ------------------------ --- ----- ------- - ---------------- -- - ------------------ --- ----------------- - ------ ---------------- --------- --------------------- ------- --------- --------------------- ------- ---------
添加命名空间
eventy.on(namespacedName, callback)
使用带有命名空间的事件名来注册事件。你可以使用 . 符号来将事件名分成几个部分。
eventy.on('foo.bar', data => {
console.log('foo.bar: ' + data);
});
eventy.trigger('foo.bar', 'Hello, world!');命名空间通配符
eventy.on(namespacedName, callback)
你还可以使用星号来作为命名空间通配符。使用星号扩展命名空间不仅适用于使用命名空间回调，也适用于基于命名空间的事件触发。
eventy.on('foo.*', data => {
console.log('foo.*: ' + data);
});
eventy.trigger('foo.bar', 'Hello, world!');清空事件
eventy.clear(eventName)
使用 clear 方法来清空一个特定的事件。当 eventName 被省略时，它将清除所有事件和处理函数。
eventy.clear('foo');
eventy.trigger('foo', 'Hello, world!'); // 无输出总结
以上是 eventy 的使用教程，它可以帮助你轻松地在 JavaScript 中管理事件。我希望这篇文章对你有帮助，并可以对你了解 npm 包背后的机制提供指导。如果你想深入了解 eventy 中所有的功能，请访问它的源代码和文档。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/72376