如何在JavaScript中实现并行请求并返回含所有响应的对象？

我完全理解你的需求——想并行发起多个异步请求，然后把每个请求的结果精准对应到一个对象的指定键上，同时避免临时方案里的竞态问题（多次调用时实例属性被覆盖）。下面几个方案既优雅又安全，完全解决你的痛点：

方案1：数组解构 + 直接映射（最简洁） #

这种方法利用Promise.all返回数组的顺序和传入Promise顺序一致的特性，解构后直接赋值到目标对象：

const parallelRequest = async () => {
  // 并行执行所有请求
  const [response1, response2, response3] = await Promise.all([
    request1(),
    request2(),
    request3()
  ]);

  // 将结果映射到对象返回
  return {
    response1,
    response2,
    response3
  };
};

优点：代码简洁直观，没有外部依赖，完全避免竞态问题，适合请求数量固定的场景。

方案2：利用对象映射 + Object.fromEntries（高扩展性） #

如果后续可能添加更多请求，这种方式的扩展性更好，只需维护请求映射表即可：

// 先定义键名与请求函数的映射关系
const requestMap = {
  response1: request1,
  response2: request2,
  response3: request3
};

const parallelRequest = async () => {
  // 并行执行所有请求，将每个键与对应结果配对
  const resultEntries = await Promise.all(
    Object.entries(requestMap).map(async ([key, requestFn]) => {
      const result = await requestFn();
      return [key, result];
    })
  );

  // 将键值对数组转换为对象
  return Object.fromEntries(resultEntries);
};

优点：新增请求只需修改requestMap，无需改动核心逻辑，适合请求数量较多或变动频繁的场景。

方案3：用Promise.allSettled实现容错处理（兼容失败场景） #

如果需要允许部分请求失败，不想因为单个请求失败导致全部结果丢失，可以用Promise.allSettled：

const parallelRequest = async () => {
  const settledResults = await Promise.allSettled([
    request1().then(res => ({ key: 'response1', value: res })),
    request2().then(res => ({ key: 'response2', value: res })),
    request3().then(res => ({ key: 'response3', value: res }))
  ]);

  const result = {};
  settledResults.forEach(item => {
    if (item.status === 'fulfilled') {
      // 成功请求：将结果赋值到对应键
      const { key, value } = item.value;
      result[key] = value;
    } else {
      // 失败请求：可自定义处理逻辑，比如赋值null或错误信息
      const { key } = item.reason;
      result[key] = null;
      // console.error(`请求 ${key} 失败:`, item.reason);
    }
  });

  return result;
};

优点：容错性强，所有请求完成后统一处理结果，即使部分请求失败也能拿到其他成功的结果。

以上方案都不需要依赖实例属性（比如你之前用的this.request1response），所有逻辑都在函数内部完成，多次调用parallelRequest也不会互相干扰，完全解决了临时方案的bug隐患。

内容的提问来源于stack exchange，提问作者Chen Li Yong