JavaScript变量与数组未更新求助：console.log输出异常原因

核心问题 #

你遇到的问题本质是异步代码的执行顺序导致的，再加上一个变量拼写错误，具体原因如下：

1. 异步操作未完成就执行了console.log：map函数里的async回调会返回Promise，但map本身不会等待这些Promise执行完成。代码会直接跳过异步请求，先执行console.log(total, awaitingOrders)，此时数据库请求还没拿到结果，所以变量还是初始值。
2. 变量拼写错误：代码里写的是awaitingOrder.push(order)，但你定义的数组变量是awaitingOrders（多了个s），就算异步请求完成，也无法正确往数组里添加元素。
3. 错误处理范围问题：原代码的catch只能捕获map返回的Promise数组的整体错误，无法处理单个数据库请求的异常，且没有等待所有异步操作结束。

修正后的代码 #

let total = 0;
let awaitingOrders = [];

// 用Promise.all等待所有异步请求完成
await Promise.all(invoice.orders.map(async(order) => {
  try {
    const orderDoc = await db.collection("orders").doc(order.id).get();
    total += orderDoc.data().total;
    awaitingOrders.push(order); // 修正拼写错误
  } catch (error) {
    console.log(`处理订单${order.id}失败:`, error);
  }
}));

console.log(total, awaitingOrders);

关键修正点 #

• 用Promise.all包裹map的结果，确保所有数据库请求都执行完成后，再打印变量的值。
• 把.then链式调用换成await，代码更简洁易读，同时用try/catch处理单个请求的错误，定位更精准。
• 修正了awaitingOrder的拼写错误，保证数组能正确接收元素。

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