JavaScript中需异步调用的对象创建最优语法方案

你的问题核心是原串行await写法导致异步任务依次执行、效率低下，改成并行执行所有异步操作后再构建对象即可解决，下面是几种高效优雅的实现方式：

基础并行方案（适合属性较少的场景） #

先同时启动所有异步任务，等全部完成后用解构赋值拿到结果再构建对象，这是最直观的并行写法：

// 并行启动所有异步任务，等待全部完成
const [prop1Val, prop2Val] = await Promise.all([
  functionName(something),
  anotherFunction(somethingElse)
]);

// 构建最终对象
const obj = {
  prop1: prop1Val,
  prop2: prop2Val
};

这种方式的总耗时等于耗时最长的那个异步任务，而非两个任务时间相加，效率比串行写法提升明显。

可扩展并行方案（适合属性较多的场景） #

如果对象属性数量多，逐个解构太繁琐，可以用Object.entries和Object.fromEntries批量处理：

// 先定义包含所有异步任务的配置对象
const asyncTasks = {
  prop1: () => functionName(something),
  prop2: () => anotherFunction(somethingElse)
  // 新增属性只需在这里添加对应异步函数即可
};

// 并行执行所有任务，得到[key, value]格式的结果数组
const resolvedEntries = await Promise.all(
  Object.entries(asyncTasks).map(async ([key, task]) => [key, await task()])
);

// 把结果数组转为最终对象
const obj = Object.fromEntries(resolvedEntries);

这种写法扩展性强，后续新增属性不需要修改解构或赋值逻辑，只需在配置对象中添加项即可。

容错性并行方案（处理部分任务失败的情况） #

如果担心单个异步任务失败导致整个流程中断，可以用Promise.allSettled做容错处理：

const asyncTasks = {
  prop1: () => functionName(something),
  prop2: () => anotherFunction(somethingElse)
};

const settledResults = await Promise.allSettled(
  Object.entries(asyncTasks).map(async ([key, task]) => {
    try {
      const value = await task();
      return { key, value, status: 'fulfilled' };
    } catch (err) {
      return { key, error: err, status: 'rejected' };
    }
  })
);

// 构建对象，自定义失败时的处理逻辑（比如赋值默认值）
const obj = settledResults.reduce((finalObj, result) => {
  if (result.status === 'fulfilled') {
    finalObj[result.key] = result.value;
  } else {
    // 示例：失败时赋值默认值，也可打印错误日志
    finalObj[result.key] = null;
    console.error(`任务${result.key}执行失败:`, result.error);
  }
  return finalObj;
}, {});

内容的提问来源于stack exchange，提问作者Dane Looman