前端的事件循环

前端的事件循环指的是 JavaScript 的事件循环机制，也称为 Event Loop。它是实现 JavaScript 单线程运行的一种机制，确保 JavaScript 代码的执行顺序和结果的正确性。

在前端中，事件循环的核心是消息队列（Message Queue）和任务队列（Task Queue）。当事件触发时，会将事件回调函数放入消息队列中，等待 JavaScript 引擎执行。当 JavaScript 引擎空闲时，会从消息队列中取出已经准备好的回调函数，执行它们。

事件循环机制中的任务分为两种：宏任务和微任务。宏任务包括 script、setTimeout、setInterval 等。微任务包括 Promise、Object.observe、MutationObserver 等。当一个宏任务执行完毕后，会先执行当前微任务队列中的所有任务，然后再执行下一个宏任务。

事件循环机制的运行过程可以用以下代码表示：

while (true) {
  const task = getNextTask();
  processTask(task);
}

其中 getNextTask() 从消息队列中获取下一个任务，processTask() 执行当前任务。这个过程会不断重复，直到消息队列中没有任务为止。