异步函数中使用while循环后后续代码不执行的问题排查

嘿，你的问题其实出在一个很容易忽略的细节上——while循环的终止条件写错了，这直接导致数组越界，让整个异步流程抛出未捕获的错误，后面的代码自然就卡壳不执行了。

具体问题拆解： #

假设cardsData的长度是n，那数组的有效索引范围是0到n-1。但你写的循环条件是while (i <= n)，当i走到n的时候，cardsData[i]就是undefined了，这时候你尝试给undefined.targetDeliveryDate或者sendDate赋值，肯定会抛出错误。而异步函数里的未处理错误会让loopToSetDates()返回的Promise变成rejected状态，await这个Promise的时候，整个函数就会直接终止，后面的console.log和wixData.bulkUpdate当然就不会运行了。

修复方法： #

1. 把循环条件改成i < n，彻底避免访问不存在的数组元素
2. 加上try/catch捕获异步错误，以后再遇到类似问题能快速定位

修改后的简化代码： #

let cardsData
async function assignDatesToAllCards() {
  await doAThing()
  let n = cardsData.length
  let i = 0
  try {
    await loopToSetDates()
    console.log("data ready") // 现在能正常打印了
  } catch (err) {
    console.error("处理日期时出错啦:", err) // 捕获错误方便排查
  }

  async function loopToSetDates() {
    // 把 <= 改成 <，别越界！
    while (i < n) {
      let sendDate = await calculateSendDate(aDate)
      cardsData[i].sendDate = sendDate
      i++;
    }
  }
}

修改后的完整代码： #

let cardsData
async function assignDatesToAllCards() {
  console.log("assigning dates...");
  try {
    await setCardsDataArray() // 刷新cardsData
    let n = cardsData.length
    console.log("n:" + n)
    let i = 0
    await loopToSetDates()
    console.log("Cards about to Update"); // 现在会正常执行
    await wixData.bulkUpdate("UserCard", cardsData) // 记得加await，确保更新完成
  } catch (err) {
    console.error("分配日期或更新数据时出错:", err)
  }

  async function loopToSetDates() {
    // 修正循环条件为i < n
    while (i < n) {
      console.log("i:" + i);
      let targetDeliveryDate = await calculateTargetDeliveryDate(firstDate, i * frequency)
      let sendDate = await calculateSendDate(targetDeliveryDate)
      cardsData[i].targetDeliveryDate = targetDeliveryDate
      cardsData[i].sendDate = sendDate
      console.log(cardsData[i]);
      i++;
    }
  }
}

额外小提示： #

• 给wixData.bulkUpdate加上await，这样不仅能确保更新操作完成后再走后续逻辑，还能捕获更新过程中的错误
• 异步代码里尽量都加上try/catch，不然遇到错误就会静默中断，很难排查问题

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