微任务与宏任务与eventloop

it2025-12-11  4

首先我们需要了解一个概念,在promise执行之前是同步任务,再.then和.catch之后变成微任务

执行完同步任务之后,优先执行微任务

执行顺序是:

同步任务 ==> 微任务 ==>宏任务

js是单线程的语言,不会同时执行两行代码,当我们出现alert弹窗时,是无法执行下面的console.info的

setTimeout(_ => console.log(4)) new Promise(resolve => { resolve() console.log(1) }).then(_ => { console.log(3) }) console.log(2)

通过上面的了解,此时应该很好得出这道笔试题的答案了 没错,是1 2 3 4

所有的异步回调函数,执行的结果会进入一个队列,整个队列就是一个宏任务; 在博客园里一篇文章就形象的解释了宏任务和微任务的执行过程: A B C三个人同时在银行某个柜台办理存钱业务(宏任务),A在存完钱之后,没有离开,选择购买理财和基金(中途产生了微任务),那么这个时候B C必须要在A完成购买基金理财之后,才能执行宏任务

再来解释一下eventloop,翻译过来就是事件循环

每办理完一个业务,柜员就会问当前的客户,是否还有其他需要办理的业务。 (检查还有没有微任务需要处理) 而客户明确告知说没有事情以后,柜员就去查看后边还有没有等着办理业务的人。 (结束本次宏任务、检查还有没有宏任务需要处理) 这个检查的过程是持续进行的,每完成一个任务都会进行一次,而这样的操作就被称为Event Loop。(这是个非常简易的描述了,实际上会复杂很多)

借此再复习一下,async/await这种语法糖结构

setTimeout(_ => console.log(4)) async function main() { console.log(1) await Promise.resolve() console.log(3) } main() console.log(2)

async函数在await之前的代码都是同步执行的, 可以理解为await之前的代码属于new Promise时传入的代码, await之后的所有代码都是在Promise.then中的回调

最新回复(0)