关于setTimeout和Promise执行顺序问题

最新推荐文章于 2024-11-22 14:17:15 发布

郑敬儒~

最新推荐文章于 2024-11-22 14:17:15 发布

阅读量6.2k

点赞数 15

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_45830543/article/details/120058991

版权

Javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文通过实例解析了Promise和setTimeout在JavaScript中的执行顺序，强调了Promise的同步执行特性与.then()回调的异步执行。重点讲解了微任务与宏任务的区别，以及它们如何影响代码的执行流程。

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

我们先来看一个代码片段：

setTimeout(_ => console.log(4))

new Promise(resolve => {
  resolve()
  console.log(1)
}).then(_ => {
  console.log(3)
})

console.log(2)
//输出结果为 1、2、3、4

可以看出Promise比setTimeout()先执行。因为Promise定义之后便会立即执行，其后的**.then()是异步里面的微任务**，而setTimeout()是异步的宏任务。异步任务中先执行微任务后执行宏任务。

也就是说， promise 在实例化的过程中所执行的代码都是同步进行的，而 then 中注册的回调才是异步执行的。
在同步代码执行完成后才会去检查是否有异步任务，并执行对应的回调，而微任务又会在宏任务之前执行。

在当前的微任务没有执行完成时，是不会执行下一个宏任务的。

我们再看一个例子：

console.log('script start');

setTimeout(function () {
    console.log('setTimeout');
}, 0)

Promise.resolve()
    .then(function () {
    console.log('promise1');
    })
    .then(function () {
        console.log('promise2');
    })

console.log('script end');