JavaScript并发控制：如何确保异步请求的响应结果依次获取？-js教程-PHP中文网

JavaScript并发控制：如何确保异步请求的响应结果依次获取？

碧海醫心

发布： 2025-03-05 10:42:11

原创

497人浏览过

JavaScript并发控制：有序获取异步请求结果

本文探讨javascript中如何控制并发请求数量，并按顺序获取每个请求的响应结果。许多开发者在处理并发请求时，容易忽略异步任务结果的正确处理顺序。

一个常见的错误是：使用createPool函数限制并发数，但由于闭包问题，只能获取最后几个请求的结果。这是因为原代码中的resolve和reject函数被重复覆盖。

解决方案是为每个任务创建独立的Promise，并用Map数据结构关联任务ID和对应的Promise的resolve和reject函数。改进后的createPool函数如下：

const createPool = (task, { concurrency } = {}) => {
  let runningCount = 0;
  const pool = [];
  const promiseMap = new Map();

  return function (i) {
    return new Promise((resolve, reject) => {
      promiseMap.set(i, { resolve, reject });
      pool.push(() => task(i));

      function run() {
        while (pool.length && runningCount < (concurrency || 5)) {
          const taskToRun = pool.shift();
          runningCount++;
          taskToRun()
            .then((val) => {
              const { resolve } = promiseMap.get(val);
              resolve(val);
            })
            .catch((e) => reject(e))
            .finally(() => {
              runningCount--;
              run();
            });
        }
      }
      run();
    });
  };
};

登录后复制

通过promiseMap，我们可以根据任务ID找到正确的resolve函数，避免了闭包导致的覆盖问题，确保每个异步任务的响应都能被正确捕获和按顺序处理。改进后的代码能够正确处理所有请求，并在then块中依次打印每个请求的响应结果。