JavaScript的事件循环是JavaScript运行时的核心机制之一，它负责处理异步操作和协调代码的执行顺序
执行栈与任务队列
- JavaScript是单线程的编程语言，同一时间只能执行一段代码。代码在执行时会形成一个执行栈，函数调用会被压入执行栈，执行完后再弹出。当执行栈为空时，表示当前代码执行完毕。
- 除了执行栈，JavaScript运行时还维护了一个任务队列。任务队列中存放着各种异步任务的回调函数，如定时器回调、事件处理函数、Promise的
then回调等。当异步任务完成时，其对应的回调函数会被放入任务队列中等待执行。
事件循环的基本流程
- 事件循环不断地检查执行栈是否为空。如果执行栈为空，它就会从任务队列中取出一个任务，并将其放入执行栈中执行。这个过程会不断重复，直到任务队列中的所有任务都被执行完毕。
- 当执行栈中的任务执行过程中又产生了新的异步任务时，这些新的异步任务会在合适的时候被放入任务队列中，等待下一次事件循环的处理。
宏任务与微任务
- 任务队列分为宏任务队列和微任务队列。宏任务包括
setTimeout、setInterval、DOM事件处理函数等，而微任务包括Promise.then、process.nextTick（Node.js环境）等。 - 事件循环在每次执行栈为空时，会先检查微任务队列，如果微任务队列中有任务，就会依次执行所有的微任务，直到微任务队列为空。然后再去检查宏任务队列，取出一个宏任务放入执行栈中执行。
示例说明
console.log('script start');
setTimeout(() => {
console.log('setTimeout');
}, 0);
Promise.resolve().then(() => {
console.log('Promise.then');
});
console.log('script end');
- 上述代码的执行顺序如下：首先输出
script start，然后遇到setTimeout，它的回调函数被放入宏任务队列中。接着遇到Promise.resolve().then()，其回调函数被放入微任务队列中。最后输出script end。 - 当执行栈为空时，事件循环首先检查微任务队列，发现有
Promise.then的回调函数，于是执行并输出Promise.then。微任务队列执行完后，再检查宏任务队列，取出setTimeout的回调函数并执行，输出setTimeout。
事件循环的重要性
- 事件循环机制使得JavaScript能够在单线程的环境下处理异步操作，如网络请求、定时器、用户交互等，而不会阻塞主线程，从而提高了应用的性能和响应性。
- 它也保证了异步操作的回调函数能够按照正确的顺序执行，使得开发者能够更方便地编写异步代码，处理各种复杂的业务逻辑。
总之，理解JavaScript的事件循环机制对于正确编写和理解JavaScript中的异步代码至关重要，它是JavaScript能够高效处理各种异步任务的关键所在。
