事件循环 宏任务 微任务

事件循环（Event Loop）是JavaScript在单线程环境下处理异步事件的一种机制。在事件循环中，宏任务（Macrotasks）和微任务（Microtasks）是两个重要的概念，它们用于描述异步执行代码时的执行顺序。

宏任务是由浏览器发起的、在事件循环中执行的异步任务。常见的宏任务包括setTimeout、setInterval、I/O操作、UI渲染等。宏任务的执行顺序是在每一轮事件循环结束时执行，在下一轮事件循环开始前执行。

微任务是指由JavaScript引擎发起、在当前宏任务执行结束后立即执行的异步任务。微任务通常包括Promise的回调函数、MutationObserver的回调函数以及process.nextTick等。在每次事件循环中，JavaScript会优先执行所有已经注册完毕并且准备好了的微任务队列里面的所有任务，直到清空该队列，然后再去执行宏任务队列里面排在最前面的一个任务，并重复以上过程。

事件循环机制的执行顺序可以总结为以下几点：

1. 首先执行所有的同步代码。
2. 当执行完所有的同步代码后，如果调用栈清空，会查询是否有异步代码要执行。
3. 如果异步任务中有微任务，则先执行微任务。
4. 执行完微任务后，开始下一轮的事件循环，执行宏任务队列中的任务。
5. 不断重复以上过程，直到宏任务队列和微任务队列都为空，事件循环结束。

通过宏任务和微任务的设计，JavaScript可以在单线程下处理异步操作，避免了阻塞的情况，保证了程序的响应性和流畅性。同时，通过合理地安排宏任务和微任务的执行顺序，可以更加高效地管理异步代码的执行，提高程序的性能。