事件循环Event Loop
发布日期:2021-11-21 16:35:26 浏览次数:9 分类:技术文章

本文共 460 字,大约阅读时间需要 1 分钟。

事件循环Event Loop

执行顺序:

1.一开始整个脚本作为一个宏任务执行
2.执行过程中同步代码直接执行,宏任务进入宏任务队列,微任务进入微任务队列
3.当前宏任务执行完出队,检查微任务列表,有则依次执行,直到全部执行完
4.执行浏览器UI线程的渲染工作
5.检查是否有Web Worker任务,有则执行
6.执行完本轮的宏任务,回到2,依此循环,直到宏任务和微任务队列都为空
微任务包括:MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术,比如fetch API、V8的垃圾回收过程、Node独有的process.nextTick。
宏任务包括:script 、setTimeout、setInterval 、setImmediate 、I/O 、UI rendering。
注:在所有任务开始的时候,由于宏任务中包括了script,所以浏览器会先执行一个宏任务,在这个过程中看到的延迟任务(例如setTimeout)将被放到下一轮宏任务中来执行。

转载地址:https://blog.csdn.net/yyychocolate/article/details/107848827 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Vue
下一篇:Promise

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年04月15日 14时27分49秒