js执行顺序【setTimout，promise,async,await】面试问题详解

最新推荐文章于 2023-09-08 16:59:05 发布

技术项目经理

最新推荐文章于 2023-09-08 16:59:05 发布

阅读量261

点赞数

分类专栏： js 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/97302758

版权

js 专栏收录该内容

101 篇文章 2 订阅

订阅专栏

setTimeout(function () {
    console.log(1);
}, 100);

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

Promise.resolve(
    console.log(3)
).then(
    () => { console.log(4) }
)
async function async1() {
    console.log(5)
    await async2()
    console.log(6)
}
async function async2() {
    console.log(7)
}
async1()
console.log(8)


// 3 5 7 8 4 6 2 1
//宏任务:setTimout会被放入一个数组中等到最后执行，并且执行顺序和等待事件有关 ，所以最后是宏任务[2,1]
//遇到Promsie()同步同步任务，立即执行 3 
//微任务:Promise.then依次推入同步队列[4]并执行，继续向下执行 5 
//await是直接执行的,7
//微任务:await后面的代码会被放入同步队列[4,6]，继续向下执行8
//因此最总结果是 3 5 7 8 4 6 2 1