js事件循环与macro&micro任务队列-前端面试进阶

最新推荐文章于 2024-11-11 19:29:13 发布

loveX001

最新推荐文章于 2024-11-11 19:29:13 发布

阅读量312

点赞数

文章标签：前端框架 javascript

本文链接：https://blog.csdn.net/loveX001/article/details/130764066

版权

本文介绍了JavaScript的事件轮询机制，包括同步任务、异步任务、宏任务和微任务的概念。详细阐述了宏任务如setTimeout、setInterval、requestAnimationFrame，以及微任务如process.nextTick、Promise。通过实例分析了Promise和async/await的异步执行顺序，并探讨了不同环境下的执行差异。最后，提供了一道练习题以加深理解。

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

背景

一天惬意的下午。朋友给我分享了一道头条面试题,如下:

async function async1(){
   
    console.log('async1 start')
    await async2()
    console.log('async1 end')
}
async function async2(){
   
    console.log('async2')
}
console.log('script start')
setTimeout(function(){
   
    console.log('setTimeout') 
},0)  
async1();
new Promise(function(resolve){
   
    console.log('promise1')
    resolve();
}).then(function(){
   
    console.log('promise2')
})
console.log('script end')