JavaScript中forEach异步操作后无法获取外部变量求助

你遇到的核心问题是异步代码的执行顺序不匹配，具体来说：

forEach循环并不支持async/await的等待逻辑——它会立刻触发所有内部的异步函数，但不会等待这些函数执行完毕。所以当你最后一行的console.log(allItems)执行时，所有的OrderedItem.find和Table.findById查询还在后台运行，allItems自然还是空数组；而循环内部的console.log能看到内容，是因为它是在单次异步查询完成后才触发的。

下面是两种可行的修复方案：

方案1：使用for...of串行处理（逻辑直观，适合小数据量） #

把forEach替换成for...of，因为它可以配合await等待每一步异步操作完成，确保所有数据都被推送到allItems后再执行后续逻辑：

let allItems = [];

async function fetchAllItems() {
  // 遍历orderPads
  for (const element of orderPads) {
    // 遍历当前pad的orders_fk
    for (const elem of element.orders_fk) {
      // 等待获取对应订单的items
      const itemsArray = await OrderedItem.find({ order_fk: elem });
      // 遍历每个item
      for (const e of itemsArray) {
        const temp = e.toObject();
        // 等待获取桌台信息
        const mesa = await Table.findById(element.mesa);
        temp.mesa = mesa.name;
        allItems.push(temp);
      }
    }
  }
  // 所有异步操作完成后再打印
  console.log(allItems);
}

// 调用异步函数
fetchAllItems();

// 如果需要在外部获取allItems，要await这个函数：
// await fetchAllItems();
// console.log(allItems);

方案2：使用Promise.all并行处理（性能更优，适合大数据量） #

如果你的数据量较大，串行处理会比较慢，可以用Promise.all把所有异步请求并行触发，最后统一等待结果，这样能大幅提升效率：

let allItems = [];

async function fetchAllItems() {
  const allAsyncTasks = [];

  for (const element of orderPads) {
    for (const elem of element.orders_fk) {
      // 把每个订单的item查询+桌台查询包装成一个Promise
      const task = OrderedItem.find({ order_fk: elem }).then(itemsArray => {
        // 对每个item并行获取桌台信息
        return Promise.all(itemsArray.map(async e => {
          const temp = e.toObject();
          const mesa = await Table.findById(element.mesa);
          temp.mesa = mesa.name;
          return temp;
        }));
      });
      allAsyncTasks.push(task);
    }
  }

  // 等待所有异步任务完成，然后扁平化结果数组
  const allResults = await Promise.all(allAsyncTasks);
  allItems = allResults.flat();
  
  console.log(allItems);
}

fetchAllItems();

关键提醒 #

• 永远不要在forEach里用async/await来控制流程——它的设计就不是为了处理异步等待的
• 所有依赖异步结果的操作，必须放在async函数内部，并且等待异步操作完成后再执行
• 如果需要在函数外部获取allItems，一定要await异步函数的执行，否则还是会拿到空数组

内容的提问来源于stack exchange，提问作者Pedro Renato Mello