在前端开发中，我们常常需要处理异步任务。在 JavaScript 中，Promise 是一种很常用的异步编程方式。但是，有时候我们需要把 Promise 暂时挂起，并在某个时刻恢复它的执行。这时候，@lourd/pending-promise 这个 npm 包就能派上用场了。
简介
@lourd/pending-promise 是一个 Promise 的管理器。它可以让我们暂停或恢复 Promise 的执行，并且支持并发执行多个 Promise。在具体应用场景中，这个包可以帮助我们实现更精细的异步控制。
安装
首先，我们需要在项目中安装 @lourd/pending-promise。可以通过 npm 命令来安装：
npm install @lourd/pending-promise
使用方法
下面我们来看一下具体的使用方法。首先需要引入 @lourd/pending-promise：
import { PendingPromise } from '@lourd/pending-promise';创建 PendingPromise 实例
然后，我们需要创建一个 PendingPromise 的实例。这个实例可以管理我们多个 Promise 的执行：
const pp = new PendingPromise();
添加 Promise
接下来，我们需要添加 Promise 到 PendingPromise 的执行队列中。可以通过 addPromise() 方法来添加 Promise。这个方法接收一个 Promise 实例，并返回一个新的 Promise 实例。这个新的 Promise 实例将被添加到 PendingPromise 中，等待执行：
-- -------------------- ---- -------
----- ------- - --- --------------- -- -
------------- -- -
----------------
-- ------
---
----------------------
------------ -- -
--------------------
--- -- ---------暂停/恢复 PendingPromise
PendingPromise 支持暂停和恢复执行。可以通过 pause() 和 resume() 方法来暂停和恢复 PendingPromise 实例的执行：
pp.pause(); // 暂停执行
setTimeout(() => {
pp.resume();
}, 5000); // 5 秒后恢复执行移除 Promise
有时候我们可能需要移除某个已经加入队列中的 Promise。可以通过 removePromise() 方法来移除：
const currentPromise = pp.addPromise(promise); pp.removePromise(currentPromise);
批量添加 Promise
对于需要并发执行的多个 Promise，我们可以使用 addAllPromises() 方法来批量添加。这个方法接收一个 Promise 实例数组，并返回一个新的 Promise 实例数组。这个新的 Promise 实例数组里的每个元素都对应着传入数组中的每个 Promise 实例：
-- -------------------- ---- -------
----- -------- - --- --------------- -- -
------------- -- -
-------------- -------
-- ------
---
----- -------- - --- --------------- -- -
------------- -- -
--------------- -------
-- ------
---
----- --------- -------- - ----- ---------------------------- -----------
-------------------- --------- -- --------- ------ ------- -----总结
@lourd/pending-promise 是一个简单而实用的 npm 包。通过它，我们可以更加精细地控制 Promise 的执行。在一些特殊的应用场景中，这个包可以帮助我们更好地完成项目中的异步任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e244533