async异步代码的执行顺序求解?

发布于 2022-09-11 21:49:02 字数 546 浏览 25 评论 0

下面这段async异步代码的执行顺序有些不理解,求大神能指导指导,最好能帮忙分析下相关微任务队列的过程

async function async1 () {
  return new Promise(resolve => {
    Promise.resolve().then(() => {
      async2().then(resolve)
    })
  }).then(() => {
    console.log('async1 end')
  })
}
async function async2 () {}
async1()
Promise.resolve()
  .then(function () {
    console.log('promise2')
  })
  .then(function () {
    console.log('promise3')
  })
  .then(function () {
    console.log('promise4')
  })
//promise2
//promise3
//async1 end
//promise4

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

橘寄 2022-09-18 21:49:02

执行 console.log('promise4') 之前
会经历两轮微任务的执行, 因为你每次调用 .then都是一次新的微任务,
浏览器会去跑上一个队列里面的微任务
你数一数 async1 里面要'耽误'两次, 才能执行到 end

神经大条 2022-09-18 21:49:02

我理解的是上边两个then没有做什么事情,因为then是异步,所以同时下边的也会接着走,等上边的代码的promise的状态变成resolve的时候下边走了两次了所以,then就是一遍一遍轮询微任务队列嘛,微任务队列是没有同步任务的时候就会去查询的
//promise2
//promise3
//async1 end
//promise4

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文