JavaScript 中怎么在 Fetch API 中处理并发请求的限流与队列-js教程-PHP中文网

promisepool 通过维护运行中请求数组实现并发控制，不超过上限时发起新请求，否则排队；可借助 promise-pool-executor 库或手写简易版，设定最大并发数（如 3）并跟踪当前运行中的 promise。

javascript 中怎么在 fetch api 中处理并发请求的限流与队列

用 PromisePool 控制并发请求数量

Fetch 本身不提供限流能力，但可以通过封装 Promise 来实现固定数量的并发执行。核心思路是维护一个“运行中请求数”，不超过上限时才发起新请求，否则排队等待。

推荐使用轻量库 promise-pool-executor 或手写简易版：

定义最大并发数（如 3），初始化一个空的 Promise 数组 tracking 当前运行中的请求
每次调用 fetch 时，先检查 running.length
每个 fetch 完成后从 running 中移除，触发下一个排队任务

手动实现队列 + 并发控制（无第三方依赖）

适合不想引入额外包的场景。关键在于把请求包装为可调度的 task，并用 async/await + 闭包管理状态：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

class FetchQueue {
  constructor(max = 3) {
    this.max = max;
    this.running = 0;
    this.queue = [];
  }
<p>add(url, options = {}) {
return new Promise((resolve, reject) => {
this.queue.push({ url, options, resolve, reject });
this.process();
});
}</p><p>async process() {
if (this.running >= this.max || this.queue.length === 0) return;
this.running++;
const { url, options, resolve, reject } = this.queue.shift();
try {
const res = await fetch(url, options);
resolve(res);
} catch (err) {
reject(err);
} finally {
this.running--;
this.process(); // 尝试处理下一个
}
}
}</p>

用法：const queue = new FetchQueue(2); queue.add('/api/a').then(...)