js事件循环介绍及其原理

JavaScript 事件循环是 JavaScript 引擎中的一种机制，用于处理异步任务和事件回调函数。它的原理是基于事件队列和执行栈。 事件队列是一个先进先出（FIFO）的数据结构，用于存储待执行的事件和回调函数。当事件发生时，对应的回调函数会被添加到事件队列中。 执行栈是一个后进先出（LIFO）的数据结构，用于存储当前正在执行的代码块。当 JavaScript 引擎开始执行代码时，会将全局执行上下文压入执行栈中。当遇到函数调用时，会创建一个新的执行上下文，并将其压入执行栈中。当函数执行完成后，对应的执行上下文会从执行栈中弹出。 JavaScript 引擎在执行完当前的执行栈后，会检查事件队列中是否有待执行的事件和回调函数。如果有，则将其添加到执行栈中执行。这个过程不断重复，直到事件队列为空为止。 JavaScript 事件循环的具体流程如下： 1. 执行全局代码，并将全局执行上下文压入执行栈中。 2. 当遇到异步任务时，将其添加到事件队列中，并继续执行同步代码。 3. 当执行栈中的代码执行完毕后，JavaScript 引擎会检查事件队列中是否有待执行的事件和回调函数。 4. 如果有，则将其添加到执行栈中执行。 5. 重复步骤 3 和 4，直到事件队列为空为止。 总之，JavaScript 事件循环是 JavaScript 引擎中的一种机制，用于处理异步任务和事件回调函数。它的原理是基于事件队列和执行栈。当遇到异步任务时，会将其添加到事件队列中，并继续执行同步代码