JS代码中同时有Promise中的then与定时器两个异步函数时的执行顺序

最新推荐文章于 2023-06-08 17:20:15 发布

九龙山神马

最新推荐文章于 2023-06-08 17:20:15 发布

阅读量1.7k

点赞数 3

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

本文链接：https://blog.csdn.net/qq_38446108/article/details/107935147

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

举个例子

setTimeout(function() {
    console.log(1);
}, 0)
new Promise(function(resolve, reject) {
    console.log(2);
    resolve();
}).then(() => console.log(3))
console.log(4);

此段代码的执行结果为2 4 3 1
执行逻辑为：首先解析到定时器，因为是异步任务，所以添加到任务队列中，接下来实例化Promise，立即执行其中的内容，输出2，之后把then中的函数加入任务队列中，执行最后一行代码，输出4。此时任务队列中有两个任务，分别是setTimeout与then。then中的函数属于微任务，JS引擎内部的任务，所以先于setTimeout执行，输出3。最后执行setTimeou，它属于宏任务，浏览器API，输出1。
其实也没有太搞懂这个宏任务和微任务的区别，先记住，等以后学到了再说