Promise-Events 是一个基于 Promise 的事件管理库，可以简化事件订阅和取消订阅的过程，同时支持 Promise 异步调用。在前端开发中，Promise-Events 可以帮助我们更好地管理异步事件，提高代码的可读性和可维护性。
安装
使用 npm 安装 Promise-Events：
npm install promise-events
使用
在代码中引入 Promise-Events：
const PromiseEvents = require('promise-events');订阅事件
订阅事件使用 on 方法：
const events = new PromiseEvents();
events.on('someEvent', data => {
console.log('event data:', data);
});以上代码订阅了 someEvent 事件。
发射事件
使用 emit 方法来发射事件：
events.emit('someEvent', someData);以上代码发射了 someEvent 事件，并把 someData 作为参数传递给事件的回调函数。
取消订阅
使用 off 方法取消订阅事件：
events.off('someEvent');以上代码取消了 someEvent 事件的所有订阅。
也可以只取消订阅指定的回调函数：
const callback = data => {
console.log('event data:', data);
};
events.on('someEvent', callback);
// 取消指定回调函数的订阅
events.off('someEvent', callback);Promise 支持
Promise-Events 还支持 Promise 异步调用，订阅事件时返回 Promise 对象：
events.on('somePromiseEvent').then(data => {
console.log('event data:', data);
});以上代码订阅了 somePromiseEvent 事件，并返回一个 Promise 对象。当事件被发射时，Promise 对象会被解析，数据作为参数传递给 then 方法。
示例代码
以下是使用 Promise-Events 实现异步加载图片的示例代码：
-- -------------------- ---- ------- ----- ------------- - -------------------------- ----- --------- - ----- -- - ----- ----- - --- -------- ----- ------ - --- ---------------- ------------ - -- -- --------------------- ------- ------------- - -- -- --------------------- --------- - ---- ------ -------------------- -- ----------------------------------------------------- -- - ------------------ --------- ------- ----------- -- - ------------------ ---- --------- ---
以上代码定义了一个 loadImage 函数，接受一个图片路径作为参数，返回一个 Promise 对象。函数内部使用 Promise-Events 订阅 loaded 和 error 两个事件，并把 Promise 对象返回给调用者。
当图片加载成功时，事件被发射，Promise 对象被解析，图片作为参数传递给 then 方法；当图片加载失败时，调用者可以通过 catch 捕获错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb23eb5cbfe1ea061112b