JavaScript 怎么在前端实现一个简单的并发请求数量限制器-js教程-PHP中文网

可使用基于 Promise 队列与计数器的并发控制器实现请求限流，核心是维护运行中请求数和等待队列，确保同时执行数不超过设定上限，未达上限则立即执行，否则入队等待；函数返回 Promise，支持 Promise.all 聚合调用。

javascript 怎么在前端实现一个简单的并发请求数量限制器

可以用一个基于 Promise 队列 + 计数器的轻量级并发控制器来实现，核心是控制同时发起的请求数不超过设定上限，其余请求排队等待。

基本思路：维护运行中请求数 + 任务队列

每次调用请求函数时，先检查当前正在执行的请求数是否已达上限。若未达上限，立即执行；否则将请求包装成 Promise 放入队列，等有请求完成后再从队列里取一个执行。

实现一个通用的并发限制器函数

下面是一个简洁可用的 concurrentLimit 工厂函数：

function concurrentLimit(max = 3) {
  let running = 0;
  const queue = [];
<p>return function (fn, ...args) {
return new Promise((resolve, reject) => {
const run = () => {
running++;
fn(...args)
.then(resolve)
.catch(reject)
.finally(() => {
running--;
if (queue.length > 0) queue.shift()();
});
};</p><pre class="brush:php;toolbar:false;">  if (running <p>};
}</p>

使用示例（限制最多 2 个并发 fetch）：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const limitFetch = concurrentLimit(2);
<p>// 发起 5 个请求，实际最多同时跑 2 个
const requests = [
limitFetch(fetch, '/api/data1'),
limitFetch(fetch, '/api/data2'),
limitFetch(fetch, '/api/data3'),
limitFetch(fetch, '/api/data4'),
limitFetch(fetch, '/api/data5')
];</p><p>Promise.all(requests).then(responses => {
console.log('全部完成', responses);
});</p>