为何同步for loop未完成时objlist已被resolve，后续语句提前执行？

嘿，我完全懂你踩的这个坑！你说循环是同步的，但实际resolve(objlist)却提前执行，最后拿到空数组——这大概率是你的for循环里藏了异步操作，哪怕循环本身是同步的，里面的异步代码会跳出当前执行流程，导致循环刚跑完就触发了resolve，而此时异步任务还没来得及往objlist里塞数据。

举个典型的错误场景，你可能写了类似这样的代码：

function fetchObjList() {
  const objlist = [];
  return new Promise((resolve) => {
    // 同步的for循环结构
    for (let i = 0; i < 5; i++) {
      // 但循环体里是异步操作（比如setTimeout、fetch或者带回调的API）
      setTimeout(() => {
        objlist.push({ item: i });
      }, 100);
    }
    // 这里循环同步执行完了，但里面的异步还没开始跑呢！
    resolve(objlist);
  });
}

解决办法分两种情况： #

1. 循环体里是Promise风格的异步操作（比如async函数、fetch）

直接用async/await配合普通for循环就行（注意别用forEach，它不支持异步等待）：

async function fetchObjList() {
  const objlist = [];
  // 普通for循环支持await
  for (let i = 0; i < 5; i++) {
    // 等待异步操作完成后再推进数组
    const result = await someAsyncFunction(i);
    objlist.push(result);
  }
  // 所有异步操作都完成后才返回/resolve
  return objlist;
}

2. 循环体里是基于回调的异步操作

先把回调转成Promise，再用async/await：

// 把回调式函数包装成Promise
function wrapCallbackToPromise(i) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve({ item: i });
    }, 100);
  });
}

async function fetchObjList() {
  const objlist = [];
  for (let i = 0; i < 5; i++) {
    const result = await wrapCallbackToPromise(i);
    objlist.push(result);
  }
  return objlist;
}

3. 想要更快？用并行执行（Promise.all）

如果你的异步操作之间没有依赖关系，用Promise.all可以让它们同时跑，效率更高：

async function fetchObjList() {
  const promiseArray = [];
  for (let i = 0; i < 5; i++) {
    // 先把所有Promise放进数组
    promiseArray.push(wrapCallbackToPromise(i));
  }
  // 等待所有Promise完成，结果会按顺序组成数组
  const objlist = await Promise.all(promiseArray);
  return objlist;
}

核心要点就是：别让resolve语句跑在异步任务完成之前，只要确保所有填充objlist的异步操作都完成后，再执行resolve或者return就行～

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