在编写前端代码时，经常会遇到需要批量处理函数的情况。比如需要给多个 DOM 元素绑定同一个事件，或者需要对多个 Ajax 请求做特定的处理。这时候，如果不想逐一处理每个函数，就可以使用 npm 包 function-batch 了。
什么是 function-batch
function-batch 是一个 JavaScript 函数批量执行库，可以让你轻松地批量处理任意数量的函数。它支持同步和异步函数，在执行时可以并行或串行处理，也可以按顺序执行。此外，function-batch 还支持设置延迟时间，避免函数同时执行导致的性能问题。
安装 function-batch
使用 npm 安装：
npm install function-batch --save
使用 function-batch
首先，需要引入 function-batch：
const batch = require('function-batch')接下来，可以创建一组函数数组：
const tasks = [ () => console.log(1), () => console.log(2), () => console.log(3) ]
然后，可以调用 batch() 方法来执行这些函数：
batch(tasks)
这会并行执行这三个函数，输出：
1 2 3
如果需要按顺序执行这些函数，则需要传递第二个参数 options：
const options = { order: true }
batch(tasks, options)这会按顺序执行这三个函数，输出：
1 2 3
如果需要串行执行这些函数，则需要设置 delay 选项：
const options = { delay: 1000 }
batch(tasks, options)这会最先执行第一个函数，等待1秒后再执行第二个函数，再等待1秒后执行第三个函数。
如果需要同时并行和串行执行这些函数，则可以设置 limit 选项和 concurrency 选项：
const options = {
limit: 2, // 同时只执行两个函数
concurrency: true // 允许同时执行
}
batch(tasks, options)这会同时执行前两个函数，并等第一个函数执行完后再执行第三个函数。
使用 Promise 和 async 函数
function-batch 还支持使用 Promise 和 async 函数。
-- -------------------- ---- -------
----- ----- - -
----- -- -- -
----- -------------------------------------
------------------ ------
--
-- -- -------------------
-- -- ------------------
-
------------此时，第一个函数是一个异步函数，需要使用 await 来等待异步操作完成。执行结果为：
foo bar fetch user
总结
function-batch 是一个非常方便的 JavaScript 函数批量执行库，可以让我们轻松地批量处理任意数量的函数。它支持同步和异步函数，可按顺序执行、并发执行或延迟执行。如果你经常需要处理大量函数，可以考虑使用 function-batch 来简化你的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596881e8991b448d6ec6