在前端开发的日常工作中，我们经常需要处理一些异步任务的回调函数。经常情况下，我们需要将这些回调函数组合成一个函数，然后一次性地调用它们。通常情况下，我们会使用 Array 类型的数据结构进行组合。
但是，当我们需要控制并发数时，Array 类型的数据结构就显得有些力不足了。此时，我们不得不使用一个缓存区来存储这些回调函数。为了满足这种需求，依赖管理工具 npm 上面就有一个非常优秀的小工具 —— buffered-function。
什么是 buffered-function？
buffered-function 是一个 npm 包，用于创建一个带有缓存区的函数。通过这个函数，我们可以将一些回调函数添加到缓存区中，并在需要时一次性地调用它们。
如何使用 buffered-function？
首先，我们需要使用 npm 安装 buffered-function：
--- ------- -----------------
安装完毕后，我们可以引入 buffered-function：
----- ---------------- - ----------------------------
通过构造函数，我们可以创建一个缓存区：
----- ---------------- - --- -------------------
当添加回调函数时，我们可以使用 Push 函数：
------------------------ -- - ----------------- --- -- ------------------------ -- - ----------------- --- --
注意，这些回调函数将不会立即执行。
最后，我们可以使用 Flush 函数，一次性地执行缓存区中的所有回调函数：
-------------------------
执行后，控制台将会打印：
---- - ---- -
如何控制并发数？
我们可以通过修改 bufferedFunction 对象的限制参数，来限制并发数。这个限制参数是一个整数值，表示缓存区中最多可以同时执行的回调函数数目。
----- ---------------- - --- ------------------ ------ - --
上述代码中，limit 属性被设置为 2。这意味着，在调用 flush 函数时，最多只能同时执行两个回调函数。
buffered-function 的更多用法
buffered-function 同时还支持链式调用，还支持异步回调函数的执行。如果您希望了解更多的 API，请查看官方文档：
https://github.com/r-park/buffered-function/blob/master/README.md
结论
buffered-function 是一个非常实用的 npm 包，可以帮助我们更好地控制并发数，优化异步任务的执行。希望本篇文章对您有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c8eccdc64669dde56ae