async await 的执行顺序问题

最新推荐文章于 2023-09-28 15:55:29 发布

weixin_44223877

最新推荐文章于 2023-09-28 15:55:29 发布

阅读量738

点赞数

分类专栏：前端文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/weixin_44223877/article/details/126789891

版权

本文探讨了async函数中await关键字的执行顺序问题。通过两个示例展示了由于微任务的不同调度，导致的不同结果。讲解了当遇到await时，控制权会如何在不同任务间切换，以及宏任务和微任务的执行顺序。

摘要由CSDN通过智能技术生成

先看两个示例体现的问题

async function async1() {
  console.log("2");
  await async2();
  console.log(23132);
  await async3();
  console.log("3");
}
async function async2() {
  console.log("4");
  await async4();
}
async function async3() {
  console.log("5");
}
async function async4() {
  console.log("6");
}
async1();
setTimeout(function () {
  console.log("setTimeout");
}, 0);
new Promise((resolve) => {
  console.log("Promise");
  resolve();
})
  .then(function () {
    console.log("promise1");
  })
  .then(function () {
    console.log("promise2");
  });
console.log("7");
结果//
2
4
6
Promise
7
promise1
23132
5
promise2
3
setTimeout

async function async1() {
  console.log("2");
  await async2();
  console.log(23132);
  await async3();
  console.log("3");
}
async function async2() {
  console.log("4");
  // await asy