在前端开发中，异步操作是非常常见的。在 JavaScript 中，我们可以使用 Promise 或者 async/await 来完成异步操作。但是如果我们需要同时执行多个异步操作，类似于 Promise.all，我们需要使用 parallel 方式来处理。在这种情况下，async-await-parallel 是一个非常实用的 npm 包。
async-await-parallel 简介
async-await-parallel 是一个帮助开发者更方便地进行 parallel 操作的 npm 包。它基于 ES6 的 Promise 和 async/await 机制，提供了简化和优化异步代码的途径，适用于 NodeJS 和浏览器端的开发。
async-await-parallel 的安装
要使用 async-await-parallel，我们需要先安装它。我们可以使用 npm 或者 yarn 来安装它，具体命令如下：
使用 npm：
npm install async-await-parallel
使用 yarn：
yarn add async-await-parallel
安装完成后，我们就可以开始使用 async-await-parallel 了。
async-await-parallel 的使用方法
在使用 async-await-parallel 之前，我们需要先了解一下它提供的两个函数：
parallel(funcArray: Array): 接收一个数组，数组中的元素是异步操作函数，返回一个 Promise，所有操作执行完毕后，resolve 后的结果是一个包含所有操作结果的数组。parallelWithResults(funcArray: Array): 接收一个数组，数组中的元素是异步操作函数，返回一个 Promise，所有操作执行完毕后，resolve 后的结果是一个包含所有操作结果的对象，其中 key 是传入的操作函数 name，value 是每个操作函数执行的结果。
下面我们通过一个实例来演示如何使用 async-await-parallel：
-- -------------------- ---- -------
----- ------------- - -------------------------------
----- -------- ------ -
----- ----- - -
-
----- --------
----- -- -- -
------ --- --------------- -- -
------------- -- -
-------------- ----------
-- -----
--
-
--
-
----- --------
----- ----- -- -- -
------ --- --------------- -- -
------------- -- -
-------------- ----------
-- -----
--
-
--
-
----- --------
----- ----- -- -- -
------ --- --------------- -- -
------------- -- -
-------------- ----------
-- -----
--
-
-
-
----- ------- - ----- ------------------------------------- -- -----------
--------------------- --------------
----- ------- - ----- ------------------------------------------------ -- -- ------------ --------- ----
----------------------- --------
-
------在上面的代码中，我们定义了三个任务，每个任务都是一个异步操作函数，分别需要 1s，2s 和 3s 的时间才能完成。asyncParallel.parallel 和 asyncParallel.parallelWithResults 函数接收不同的数组参数。在 parallel 函数中，我们直接传入了异步操作函数的数组，而在 parallelWithResults 函数中，我们将任务转换成了一个对象，其中 key 是 name，value 是异步操作函数。
执行完上述代码后，我们可以在控制台看到输出：
result1:
task1 finished,task2 finished,task3 finished
result2: { task1: 'task1 finished', task2: 'task2 finished', task3: 'task3 finished' }我们成功地使用 async-await-parallel 执行了三个异步操作，并且在最后合并了结果。
async-await-parallel 深入应用
async-await-parallel 的应用不仅仅限于执行一组简单的异步操作。它还可以用于优化递归调用等复杂场景。
举一个递归调用的例子，比如我们需要获取一个深层嵌套的数据中所有的值。使用递归调用来实现是比较常见的，但是如果数据结构很复杂，递归调用会非常耗时。async-await-parallel 可以帮助我们并行地获取嵌套数据中的每一个值，这样能够大大提升执行效率。
下面是一个例子：
-- -------------------- ---- -------
----- ------------- - -------------------------------
----- -------- - -
-- -
-- -
-- -
-- ---
-
-
--
-- -
-- ---
-
-
----- -------- ------------- -
-- ------------------- -
------ ----
-
----- ------ - --
--- ------ --- -- ----- -
-- ------- --------- --- --------- -
----------------- -------------------
-
-
------ ------
-
-------- ----------------- -
------ ----------------------------- -- ---------- ------------------------- -----
-
----- -------- ------ -
----- ------ - ----- ---------------------------------------------------------------------- ------ -- -- ------- -- -- ------------- ----
---------------------- -------
-
------在上面的代码中，我们定义了一个嵌套的数据结构 deepData，包含了两个嵌套层级。我们通过递归调用获取了嵌套数据中的每一个值，并将结果保存在 result 数组中。然后我们将 result 转化成包括 key 和 value 的对象，用 async-await-parallel 执行嵌套的异步操作，并将结果组装成并行执行结果的对象。
结语
通过本篇文章，我们学习了 npm 包 async-await-parallel 的使用方法和示例。async-await-parallel 可以帮助我们更方便和高效地处理异步操作，特别是在处理复杂场景时，它的优势尤为明显。如果你正在处理一组异步操作，并且需要将结果串起来，那么使用 async-await-parallel 可以让你的代码更加简洁、高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552e281e8991b448d04b3