在前端开发过程中，我们经常需要同时处理多个异步任务。虽然 JavaScript 本身提供了多种异步编程技术，如 Promise 和 async/await，但在大量任务并发的场景下，仍然需要使用并行执行的方式来提高效率。@types/run-parallel-limit 包就提供了一种方便的并行执行异步任务的方法。
安装和导入 @types/run-parallel-limit
@types/run-parallel-limit 包是 TypeScript 版本对 run-parallel-limit 包的类型定义，因此需要先安装 run-parallel-limit。打开终端，执行以下命令安装 run-parallel-limit：
npm install run-parallel-limit
然后再次执行以下命令安装 @types/run-parallel-limit：
npm install @types/run-parallel-limit
安装完成后，可以在 TypeScript 中直接导入并使用 @types/run-parallel-limit：
import parallelLimit from 'run-parallel-limit';
使用 @types/run-parallel-limit
@types/run-parallel-limit 包提供了一个 parallelLimit 函数，可以并行执行一组异步任务，每次最多执行指定个数的任务。函数签名如下：
function parallelLimit<T>( tasks: readonly (() => Promise<T> | T)[], limit: number, ): Promise<T[]>;
其中，tasks 参数是一个数组，每个元素都是一个返回 Promise 对象或直接返回结果的函数；limit 参数则指定每次最多执行的任务个数。函数执行后，将返回一个由每个任务对应的结果组成的数组。
以下是一个使用 parallelLimit 函数的示例，假设要下载多张图片并存储到本地文件系统中：
-- -------------------- ---- -------
------ -- ---- -----
------ ----- ---- --------
----- --------- - -
---------------------------------
---------------------------------
---------------------------------
---------------------------------
---------------------------------
--
----- -------- ------------------ ------- -
----- -------- - ----- -------------- - ------------- -------- ---
----- -------- - ---------------------
----- ---- - ---------------------------------------------
-------------------------
------ --- ----------------------- ------- -- -
----------------- -- -- -----------
---------------- ----- -- ---------------
---
-
----- -------- ------------------------- --------- -
----- ------------------------------------------- ---
-
--------------------------上述代码中，downloadImage 函数用于下载单张图片并存储到本地文件系统中，downloadImages 函数则用 parallelLimit 函数并行执行多个下载任务，每次最多同时下载 2 张图片。
总结
@types/run-parallel-limit 包提供了一个方便的方法来并行执行异步任务，支持限制每次执行的任务个数，并返回所有任务的结果。在需要同时处理多个异步任务的场景下，可以使用 parallelLimit 函数提高效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f0425a6403f2923b035be5e