「高频面试题」消息队列 和 事件循环系统（内附思维导图）

前言

最近又和女友，咳咳…（说出来可能又会被打s）学习事件循环，这不，学会（废）了之后，赶紧写一篇博客复盘总结一下~

接上一期「数组方法」写给女友的一系列 JS 数组操作（建议收藏 | 内附思维导图） 文章发出去之后，有些小伙伴还真发给自己女友了，不知道“感动”了没有哈（手动滑稽）。

那么，这次女友直接说明白了，那么我就从“头”开始讲讲事件循环系统，通过一篇文章搞定这一块知识点。

事件循环非常底层且非常重要，学会它能让你理解页面到底是如何运行的。

话说女友会点开这篇文章么？

我“啪”地一下就醒过来了，啊这，这…这还重要吗？

（手机端可能看不清）获取高清PDF，请在微信公众号【小狮子前端Vue】回复【事件循环】

另外，可能小狮子们会问到我的作图工具是啥，这里先提前告诉大家（考虑的这么周到，这还不来点个赞支持一下？）

作图工具：excalidraw

此外，我们可以通过使用 Loupe ( Loupe是一种可视化工具，可以帮助您了解JavaScript的调用堆栈/事件循环/回调队列如何相互影响)工具来了解代码的执行情况

Loupe 可视化工具