micro_macro

最新推荐文章于 2024-05-21 11:29:57 发布

月迷津渡丶

最新推荐文章于 2024-05-21 11:29:57 发布

阅读量408

点赞数

分类专栏：面试题笔试题 Web 文章标签：笔试题 js

本文链接：https://blog.youkuaiyun.com/oYueMiJinDu/article/details/110357385

版权

Web 同时被 3 个专栏收录

145 篇文章

订阅专栏

面试题

8 篇文章

订阅专栏

笔试题

2 篇文章

订阅专栏

本文解析了setTimeout作为宏任务如何与Promise的微任务交互，重点讲述了console.log(5)、Promise.then和console.log(4)的执行顺序，揭示了JavaScript中事件循环的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setTimeout(function(){console.log(1)},0);
new Promise(function(resolve){
    console.log(2)
    for(let i=0 ; i<10000 ; i++ ){
        i===9999 && resolve()
    }
    console.log(3)
}).then(function(){
    console.log(4)
});
console.log(5);



//macro-task(宏任务)包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。
//micro-task(微任务)包括：process.nextTick, Promises, Object.observe, MutationObserver,MessageChannel

//宏任务(macro-task) 每次遇到会塞入队列,等micro-task执行完再执行1个,再循环

//setTimeout 是macro,塞入macro队列
//Promise 执行打印2,3
//Promise.then是micro,塞入micro队列

//console.log(5)执行
//执行micro队列|console.log(4)
//执行macro队列|console.log(1)

// 结果:23541