让我们在了解该概念之前先看几行简单的代码：
输出结果如下：
它与您期望的结果相同吗？我经常在工作中遇到类似的问题。我显然希望它先执行它。然后，他被执行，导致各种问题导致页面渲染。如果您想弄清楚为什么这样的输出结果是这样的，我们需要了解浏览器的事件循环机制。
JavaScript事件循环机制分为：浏览器事件周期机制和节点事件周期机制。两者的实施是不同的。浏览器事件循环是HTML中定义的规范。节点事件循环由Libuv库实施。我们仅谈论浏览器事件周期机制。
浏览器执行JS代码可以分为三个步骤，这三个步骤的周期构成了JS事件周期机制（如上图所示）。