前端事件循环的小疑问
#前端##前端面试必备宝典#
我所理解的事件循环是图里的这样的。然后查阅相关资料关于微任务和宏任务的区别。
微任务:直接在js引擎中执行,没有参与事件循环的异步任务
宏任务:参与了事件循环的异步任务
那么问题来了,微任务是怎么进入事件队列的,走不走浏览器线程?走的话那不就是参与了事件循环了?不走的话通过js线程直接放到队列里?
我所理解的事件循环是图里的这样的。然后查阅相关资料关于微任务和宏任务的区别。
微任务:直接在js引擎中执行,没有参与事件循环的异步任务
宏任务:参与了事件循环的异步任务
那么问题来了,微任务是怎么进入事件队列的,走不走浏览器线程?走的话那不就是参与了事件循环了?不走的话通过js线程直接放到队列里?
全部评论
浏览器环境下,宏任务是放在消息队列里的,事件循环for(;;)从消息队列里取出来执行,个别还有其他队列,比如setTimeout的延时队列,执行都是由渲染进程中的主线程执行的,而微任务是在执行代码过程中,V8引擎开辟一个空间存放微任务队列,所以微任务是代码层级的,宏任务结束之后会有检查点清空微任务队列。
我认为 事件循环中遇到宏任务 微任务才会放到队列中,所以 setTimeout是同步执行的 里面的回调函数是异步执行的
你的理解是有问题的,目前的浏览器有微任务队里实现,blink宏任务按照类型也实现了不同的队列,blink中这块源码: https://source.chromium.org/chromium/chromium/src
还是说,微任务队列是藏在js引擎内部的,跟宏任务不是一起的,图里所谓的事件队列就只是宏任务队列
浏览器中有多个“微任务”队列,会按照队列的优先级依次执行,定时器任务放在微任务优先级低的任务队列中。
js主线程的执行本身就可以看作是一次宏任务,在这个宏任务里会执行掉同步任务在执行所以微任务。后续宏任务同理
这是我最新的理解
相关推荐
点赞 评论 收藏
分享