JavaScript 是一种单线程的编程语言，这意味着它只能同时进行一个任务。然而，在 JavaScript 中，我们经常需要执行一些需要时间较长的任务，比如网络请求或是大量计算。为了解决这个问题，JavaScript 引入了事件循环机制。
什么是事件循环
事件循环可以理解为 JavaScript 运行时的执行模型。它负责处理执行栈中的任务，处理异步任务队列中的事件，并且决定下一步该执行哪个任务。
执行栈和任务队列
首先，我们先了解两个重要的概念：执行栈和任务队列。
-
执行栈是一种后进先出（LIFO）的数据结构，用于存储 JavaScript 中的同步任务。当我们执行一个函数时，会创建一个对应的执行上下文，该上下文会被推入执行栈中，函数执行完成后，该上下文会被弹出。
-
任务队列（也称为消息队列）是一种先进先出（FIFO）的数据结构，用于存储异步任务。JavaScript 运行时会将异步的任务（比如定时器回调、事件回调等）添加到任务队列中等待执行。
事件循环的过程
现在我们来详细了解 JavaScript 中的事件循环机制的执行流程：
-
JavaScript 解释器首先会执行全局代码，并将全局代码中的函数和变量声明添加到全局执行上下文中。
-
当遇到异步任务时，比如定时器回调或是事件回调，会将相应的回调函数添加到任务队列中，等待执行。
-
当执行栈中的任务执行完成后（即执行栈为空），JavaScript 运行时会查看任务队列是否有待处理的任务。
-
如果任务队列中有任务，那么 JavaScript 运行时会将队列中的第一个任务取出，并将该任务添加到执行栈中进行执行。
-
执行栈中的任务执行完成后，重复步骤 3 和步骤 4，直到任务队列为空。
-
当任务队列为空且执行栈中没有任务需要执行时，即表示当前的事件循环结束。
需要注意的是，JavaScript 使用了一个事件循环和一个或多个任务队列来管理任务的执行。事件循环会不断重复执行，每次循环称为一个 tick。每个 tick 中，JavaScript 运行时会先处理执行栈中的任务，然后再检查任务队列中是否有需要执行的任务。
微任务和宏任务
在了解事件循环的过程中，还需要了解两个重要的概念：微任务和宏任务。
-
微任务是指需要在当前事件循环结束前执行的任务。比如，Promise 的回调函数就是微任务。它们比宏任务优先级更高，会在执行栈为空时立即执行。
-
宏任务是指需要在下一次事件循环开始时执行的任务。比如，定时器回调函数和事件回调函数就是宏任务。
执行顺序上，每个 tick 都会先执行所有的微任务，然后再执行一个宏任务。
总结
JavaScript 中的事件循环机制是通过执行栈和任务队列相互配合来实现的。执行栈负责执行同步任务，任务队列负责存储异步任务。事件循环会不断重复执行，每次循环称为一个 tick。在每个 tick 中，JavaScript 运行时会先处理执行栈中的任务，然后再检查任务队列中是否有需要执行的任务。同时，微任务（Promise 回调函数）比宏任务（定时器回调函数和事件回调函数）优先级更高，在每个 tick 中会先执行微任务，再执行宏任务。
希望通过本文的解析，你可以更好地理解 JavaScript 中的事件循环机制，从而更好地处理异步任务。
本文来自极简博客，作者：绮梦之旅，转载请注明原文链接：解析JavaScript中的事件循环机制
