nodejs第三天宏任务微任务图解执行过程

大盗夕落

已于 2023-03-06 14:11:32 修改

阅读量182

点赞数

分类专栏：笔记文章标签： javascript 前端 vue.js

于 2023-03-03 14:46:37 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45621877/article/details/129320001

版权

笔记专栏收录该内容

42 篇文章

订阅专栏

本文详细解析了Node.js中宏任务与微任务的执行流程，包括调用栈、微任务队列和宏任务队列。首先执行调用栈中的代码，接着处理微任务队列，涉及.then()、.catch()、.finally()和queueMicrotask()等。最后执行宏任务队列，如setTimeout。通过实例展示了Promise如何将任务添加到队列并按顺序执行。

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

时间轮询

栈：
队列：微任务队列、宏任务队列

先执行调用栈中的代码
执行微任务队列中的代码 .then() 、.catch() 、 .finally() 、queueMicrotask()
执行宏任务队列中的代码 setTimeout

Promise.resolve().then(()=>{
    Promise.resolve().then(()=>{
        console.log(1)
    })
})
queueMicrotask(()=>{
    console.log(2)
})

1.把第一个Promise.resolve().then(）放入微任务队列中
2.把queueMicrotask(）放入队列
3. 第一个Promise.resolve().then(）执行完，把第二个Promise.resolve().then(）放入微队列
在这里插入图片描述

console.log(1);

setTimeout(() => console.log(2));

Promise.resolve().then(() => console.log(3));

Promise.resolve().then(() => setTimeout(() => console.log(4)));

Promise.resolve().then(() => console.log(5));

setTimeout(() => console.log(6));

console.log(7);