如果你正在寻找一种简单的方法来处理异步流控制，那么可以考虑使用 @scriptabuild/awaitable npm 包来完成。这款 npm 包可以帮助你轻松地控制代码执行顺序，解决 JavaScript 回调地狱问题。
什么是 @scriptabuild/awaitable？
@scriptabuild/awaitable 是一个可用于 JavaScript 中的完整性 Promise 包，用于帮助简化异步代码的管理。
使用 awaitable 可以简单地在 Promise 链上提供有条件的、延迟执行的 Promise，解决 Promise 执行顺序的控制问题。
安装
在终端输入以下命令，安装 @scriptabuild/awaitable 包：
npm install @scriptabuild/awaitable
使用
在使用 @scriptabuild/awaitable 之前需要先导入该模块。在导入模块之后，创建一个 ConditionPromise 实例来管理异步控制流。然后使用 add 方法添加 Promise 并指定执行条件。
-- -------------------- ---- -------
----- - ---------------- - - ----------------------------------
----- ------------ - ----- -- ---- -------
----- -- - --- ------------------
-------------------- ----- -- ------- ------ ------ -- -- -
-- ------- -
-- -- ------- --
-
----- --- - --- -- ------
-- ----- -
------ ------
- ---- -
------ ---- -- ----- -------
-
--注意：如果添加的 Promise 执行成功，执行的结果将会被 result 参数返回。如果 Promise 执行失败，错误将被 error 参数返回。
转换
ConditionPromise 实例还提供了一个 toPromise 方法，可以将管理的所有 Promise 转换为一个单一的 Promise 对象，以便在任何需要返回单一 Promise 对象的情况下使用它。
-- -------------------- ---- -------
----- - ---------------- - - ----------------------------------
----- ------------- - ----- -- ---- -------
----- ------------- - ----- -- ---- -------
----- -- - --- ------------------
--------------------- ----- -- ------- ------ ------ -- -- -
-- ------- -
-- -- ------- --
-
----- --- - --- -- ------
-- ----- -
------ ------
- ---- -
------ ---- -- ----- -------
-
--
--------------------- ----- -- ------- ------ ------ -- -- -
-- ------- -
-- -- ------- --
-
----- --- - --- -- ------
-- ----- -
------ ------
- ---- -
------ ---- -- ----- -------
-
--
----- ------------- - --------------示例代码
下面是一个监听用户鼠标移动和鼠标点击的示例代码，使用 @scriptabuild/awaitable 包来实现异步流控制：
-- -------------------- ---- -------
----- - ---------------- - - ----------------------------------
----- -- - --- ------------------
-- - - ----------
---------- ----------------- -- -
------------- -- -
--------------------- - ---
---------
-- -----
--- ----- -- ------- ------ ------ -- -- -
-- ------- -
--------------------
-- --------------
----- --------
-
----- --- - ---- -- --------
-- ----- -
-------------------------
------ ------
- ---- -
--------------------------------
------ ---- -- ----- -------
-
--
-- - - ----------
---------- ----------------- -- -
------------- -- -
--------------------- - ---
---------
-- -----
--- ----- -- ------- ------ ------ -- -- -
-- ------- -
--------------------
-- --------------
----- --------
-
----- --- - ---- -- --------
-- ----- -
-----------------------
------ ------
- ---- -
--------------------------------
------ ---- -- ----- -------
-
--
---------------------- -- -
---------------------
--在这个示例中，第一个 Promise 在 2 秒钟内等待鼠标移动事件，如果鼠标移动事件被触发，则开始监听鼠标点击事件。第二个 Promise 在 5 秒钟内等待鼠标点击事件，同时控制是否继续执行后面的代码。
使用 @scriptabuild/awaitable 包，我们能够非常简单地实现异步流控制。它可以帮助我们更好地组织异步代码，减少回调地狱问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eae81e8991b448dc325