js执行顺序

最新推荐文章于 2024-07-14 14:30:57 发布

甲乙丙遇见丁

最新推荐文章于 2024-07-14 14:30:57 发布

阅读量645

点赞数 1

分类专栏：前端 js

本文链接：https://blog.csdn.net/qq_15764487/article/details/84849273

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

macro-task(宏任务)：包括整体代码script，setTimeout，setInterval
micro-task(微任务)：Promise，process.nextTick

整体代码就是一个大的宏任务，从上至下执行，进入之后，先执行微任务，在执行宏任务

遇到console.log()、promise、new Promise（）直接执行，但是遇到promise的then（）会放到微任务队列然后执行console.log，再执行then()

    console.log('1')
    setTimeout(function () {
      console.log('9')
      new Promise(function (resolve) {
        console.log('11')
        resolve()
      }).then(function () {
        console.log('12')
      })
      console.log(3)
    })
    new Promise(function (resolve) {
      console.log('7')
      resolve()
    }).then(function () {
      console.log('8')
    })
    console.log(2)

执行结果为：1、7、2、8、9、11、3、12