前言
在前端开发中，异步编程是一项非常重要的技能。在 JavaScript 中，我们可以使用 Promise 和 async/await 等方式来处理异步任务。但是，如果我们要同时处理多个异步任务，并且需要对它们进行控制和管理，手写代码实现就会比较麻烦。
这时，我们可以使用一个非常好用的 npm 包，@calebboyd/async，来简化我们的异步编程。
@calebboyd/async 包概述
@calebboyd/async 是一个专门用于管理异步任务的 npm 包。它提供了多种方法来控制异步任务的运行顺序和并发数，例如串行执行、并行执行、队列执行等。
同时，@calebboyd/async 又非常轻量级，代码量只有几百行，没有任何依赖，可以在浏览器和 Node.js 环境中均可使用。
安装 @calebboyd/async 包
在使用 @calebboyd/async 包之前，我们需要先安装它。打开终端，执行下面的命令即可：
--- ------- ----------------
@calebboyd/async 包使用详解
并行执行
如果我们需要同时执行多个异步任务，我们可以使用并行执行的方式。具体代码如下：
----- - -------- - - ----------------------------
----------
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
--
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
--
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
-
-- ----- -------- -- -
---------------------
---上面的代码中，我们定义了 3 个异步任务，分别是 1 秒、2 秒和 3 秒之后输出一段文字，然后同时执行这三个任务。执行完成后，会将每个任务的结果作为数组传递给回调函数。
执行结果如下：
---- - ---- - ---- - - ----- --- ----- --- ----- -- -
串行执行
有些时候，我们需要按照特定的顺序执行异步任务。这时，我们可以使用串行执行的方式。具体代码如下：
----- - ------ - - ----------------------------
--------
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
--
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
--
------------------ -
------------- -- -
----------------- ----
-------------- ----- ----
-- ------
-
-- ----- -------- -- -
---------------------
---上面的代码中，我们也是定义了 3 个异步任务，但是它们按照定义的顺序依次执行。执行完成后，会将每个任务的结果作为数组传递给回调函数。
执行结果如下：
---- - ---- - ---- - - ----- --- ----- --- ----- -- -
队列执行
有些时候，我们需要控制异步任务的并发数量。例如，限制一次只能同时执行 2 个异步任务。这时，我们可以使用队列执行的方式。具体代码如下：
----- - ----- - - ----------------------------
----- - - ------------ --------- -- -
----------------- ------- --------
------------- -- -
----------------- ------- ------
-------------- ----- ----------
-- ------------- - ------
-- ---
--------- ----- ------- -- -
--------------------
---
--------- ----- ------- -- -
--------------------
---
--------- ----- ------- -- -
--------------------
---
--------- ----- ------- -- -
--------------------
---上面的代码中，我们定义了一个每次最多同时执行 2 个任务的队列，然后往队列里面加入了 4 个任务。每个任务都是 1 秒以内的随机时间之后打印一段文字，并在执行完成后调用回调函数。
执行结果如下：
---- - ----- ---- - ----- ---- - --- ---- - ----- ---- - --- ---- - ----- ---- - --- ---- - --- ---- - ---- - ---- - ---- -
可以看到，前两个任务同时执行，后两个任务等前两个任务执行完成后再执行。同时也注意到回调函数的执行顺序和任务加入队列的顺序并不一致，这是因为任务的执行顺序和任务加入顺序无关，只与队列的并发数相关。
总结
@calebboyd/async 包提供了非常多的异步处理方法，可以大大简化我们异步编程的复杂度。同时，由于它非常轻量级，所以也非常适合用于浏览器端的开发。建议各位开发者在开发中多加掌握并应用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb9a4b5cbfe1ea06118b1