在前端开发中，我们经常会遇到需要异步处理多个任务的场景，当任务数量较多时，我们可能需要编写很多的回调函数或者使用 Promise 来解决这个问题。而基于 Promise 的异步处理依赖于异步操作返回的 Promise 对象，如果有任意一个 Promise 被拒绝，整个异步流程就会给出拒绝状态，并会中断后续的操作。
为了解决这个问题，我们可以使用一些第三方库，其中最为出色的就是 npm 包 xall（eXtended ALL）。
安装
在使用 xall 前，我们需要先安装它。可以通过以下命令来进行安装：
npm install xall
基本使用
xall 既支持 Promise，也支持回调函数来执行异步操作。在使用 xall 时，我们需要以数组的形式传入所有的异步操作，每个异步操作都必须是一个函数，并且返回一个 Promise 或调用回调函数。
下面是一个简单的例子，我们将使用 xall 来异步读取多个文件：
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
------
-- -----
-- -- -
------------------------ ------- ----- ----- -- -
-- ----- -
------ --------
-
-------- ------
---
--
-- -----
-- -- -
------------------------ ------- ----- ----- -- -
-- ----- -
------ --------
-
-------- ------
---
--
-- -----
-- -- -
------------------------ ------- ----- ----- -- -
-- ----- -
------ --------
-
-------- ------
---
-
--------------- -- -
---------------------
------------ -- -
-------------------
---图片处理
在实际的开发中，我们不仅仅需要异步处理文本读取，还会有比较耗时的图像处理操作，比如将图片缩放、水印等操作。
在此我们以 Jimp 为例，演示如何使用 xall 处理图片。Jimp 是一个使用纯 JavaScript 编写的自然图片处理工具。
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ----------------
------
-- ----
-- -- -
------------------------------ ----- ------ -- -
-- ----- -
------ --------
-
----------------- ----------
------------
-------------------------- ----- ------- -- -
-- ----- -
------ --------
-
-------- --------
---
---
--
-- ----
-- -- -
------------------------------ ----- ------ -- -
-- ----- -
------ --------
-
------------------------------------------------ -- -
----------------- ---- ---- -------
------------
-------------------------- ----- ------- -- -
-- ----- -
------ --------
-
-------- --------
---
---
---
-
--------------- -- -
-- ------- -----------
--------------------------------------- ------------
--------------------------------------- ------------
------------ -- -
-------------------
---深入了解
还有两个高级功能需要我们学习。
支持报错
xall 可以在其中一个函数中抛出异常，如果是异步操作，可以使用 Promise.reject 抛出异常。在这种情况下，xall 会在发生错误时立即停止处理，并将进程状态设置为拒绝。
-- -------------------- ---- -------
------
-- ----
-- -- -
------------- -- -
------ ------------ ---------
-- ------
--
-- -------
-- -- -
------ ------------------ -------------- ---------
--
-- ----
-- -- -
------------- -- -
-------- -----------
-- ------
-
--------------- -- -
---------------------
------------ -- -
-------------------
---并发处理
默认情况下，xall 会从头到尾一个个的执行异步函数。但是有些时候，我们需要同时执行多个异步函数，利用多核 CPU 提升处理性能。这时候，xall 可以使用并发处理功能，将任务分配给多个工作线程处理。
设置并发处理数量的方式如下：
-- -------------------- ---- -------
------
-------
-------
------
-- -
------------ -
--------------- -- -
---------------------
------------ -- -
-------------------
---在上面的例子中，xall 会同时执行最多 2 个异步函数。
总结
使用 xall 可以大大简化异步操作的代码量，提高代码的可读性和可维护性。当然，也需要注意其高级功能，灵活运用，才能更好的发挥其威力。
希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600551d381e8991b448cf3c7