标签导航:

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块中依次打印每个请求的响应结果。

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