如何向函数作用域顶层数组追加Promise结果？并行方案是否最优？

我来帮你梳理这个问题的解决方案，先指出你现有代码的核心问题，再给出符合你需求的最佳实践方案：

原代码的核心问题 #

你的代码中，promiseA和promiseB是异步执行的，但console.log(array.join(' '))会在这两个Promise的then回调执行前就同步执行，所以此时array还是空数组，输出结果完全不符合预期。

并行处理的最佳方案：使用Promise.all #

既然你不要求执行顺序，并行执行确实是效率最高的最佳实践，这里推荐使用Promise.all来处理多个异步任务，它会并行触发所有Promise，等全部完成后统一处理结果。

方式1：直接收集所有结果后追加到数组 #

这种方式简洁高效，一次性获取所有Promise的结果再追加到数组：

function run() {
  let array = []
  let input = 'object'
  
  // 并行执行两个Promise，等待全部完成
  Promise.all([promiseA(input), promiseB(input)])
    .then(results => {
      // 将所有结果一次性追加到数组
      array.push(...results)
      // 此时数组已包含所有结果，执行后续操作
      console.log(array.join(' '))
    })
}

说明：Promise.all会按你传入的Promise顺序返回结果数组（即使某个Promise先完成，结果顺序也和传入顺序一致），用扩展运算符...可以快速把结果数组的元素逐个push到目标数组里。

方式2：单个Promise完成后立即追加，再统一收尾 #

如果你需要每个Promise完成后就立刻把结果追加到数组，同时要保证后续操作（比如console.log）在所有异步任务都完成后执行，可以这样写：

function run() {
  let array = []
  let input = 'object'
  
  // 并行执行两个Promise，每个完成后各自追加结果
  Promise.all([
    promiseA(input).then(result => { array.push(result) }),
    promiseB(input).then(result => { array.push(result) })
  ])
    .then(() => {
      // 所有Promise的回调都已执行，数组填充完成
      console.log(array.join(' '))
    })
}

说明：这里Promise.all等待的是两个then回调的完成，确保所有结果都已经被push到数组后，再执行最后的输出操作。

关于“链式调用”的补充说明 #

如果你的场景确实需要串行链式（比如前一个Promise的结果要传给后一个），那并行方案就不适用了，但这种场景效率更低，只适合有依赖关系的情况，示例代码如下：

function run() {
  let array = []
  let input = 'object'
  
  promiseA(input)
    .then(result => {
      array.push(result)
      // 返回下一个Promise，形成链式
      return promiseB(input)
    })
    .then(result => {
      array.push(result)
      console.log(array.join(' '))
    })
}

但还是要强调：既然你不要求执行顺序，并行的Promise.all方案才是最优选择。

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