js需要等待长时间执行的代码，我需要怎么处理？

Question

vue2中我需要有一个循环，我需要等待他执行完成了再向下进行，这里需要怎么处理？？？

Answer 1

async / await 写起来不要太简单

for(i= 1;i<10;i++){
    console.log(new Date(), i)
    await new Promise((resolve)=>setTimeout(resolve, 1000))
}

Answer 2

promise 或者 async/await 都可以。具体用哪个就看你的业务需求了。

Answer 3

把这个循环放到一个执行Promise的函数中，执行完这个循环后就resolve。

const loop = () => {
  return new Promise((resolve) => {
    // 假装一个很耗时的操作
    for (let i = 0; i < 10 * 10000; i++) {}

    // 上面很耗时的操作执行完毕后，执行resolve()
    resolve();
  });
};

const start = async () => {
  await loop();

  // 执行完loop后，才会执行该输出
  console.log("after loop");
};

Answer 4

看你描述循环后直接顺序执行不就行了？