事件循环的原理是什么

• 执行栈是一个用于存储函数调用的栈结构。当一个函数被调用时，它就会被压入执行栈的顶部，函数执行完成后，它就会从栈顶弹出。这个栈遵循后进先出（LIFO）的原则。例如，在以下代码中：

  function a() {
           
  console.log('a');
  }
  function b() {
           
  a();
  }
  b();
  

• 首先b函数被调用，b函数被压入执行栈。在b函数内部调用a函数，此时a函数被压入执行栈。当a函数执行完毕（打印a）后，a函数从执行栈弹出，然后b函数执行完毕也从执行栈弹出。

• 任务队列用于存储异步任务的回调函数。当一个异步操作（如setTimeout、Promise等）完成时，它的回调函数会被放入任务队列。任务队列分为宏任务队列（Macro - task Queue）和微任务队列（Micro - task Queue）。
• 宏任务包括script（整体代码）、setTimeout、setInterval、I/O操作、postMessage、MessageChannel等。例如，setTimeout函数会在指定的时间后将回调函数放入宏任务队列。
• 微任务包括Promise.then、MutationObserver等。微任务的优先级高于宏任务。当执行栈为空时，事件循环会先检查微任务队列，如果有微任务，就会将微任务依次放入执行栈执行，直到微任务队列为空。

console.log('start');
setTimeout(() => {
       
  console.log('setTimeout');
}, 0);
Promise.resolve().then(() => {
       
  console.log('Promise.then');
});
console.log('end');