js事件循环机制以及宏任务微任务

JavaScript 是一门单线程语言，也就是说在同一时间内只能执行一个任务。但是它又需要处理各种不同的任务，如 UI 事件、网络请求等。为了解决这个问题，JavaScript 引入了事件循环机制。

事件循环机制基于一个事件循环线程，该线程会不断地从任务队列中取出任务并执行。任务可以分为两种类型：宏任务和微任务。

宏任务是指由浏览器或 Node.js 提供的 API，如 setTimeout、setInterval、I/O 操作等。当宏任务执行完毕后，事件循环线程会从宏任务队列中取出一个新的宏任务继续执行，直到宏任务队列为空。

微任务是指由 Promise、MutationObserver 等提供的异步任务。当一个微任务被加入队列中时，事件循环线程会在当前宏任务执行完毕后，立即执行所有微任务。如果在执行微任务的过程中，又产生了新的微任务，那么这些新的微任务会被添加到微任务队列的末尾，等待下一轮执行。

在事件循环机制中，每个宏任务只会对应一个微任务队列。当一个宏任务执行完毕后，会依次执行该宏任务对应的微任务队列中的所有微任务，直到微任务队列为空。然后再取出下一个宏任务并执行。

总结一下，事件循环机制的执行顺序为：执行一个宏任务，接着执行该宏任务的微任务队列中的所有微任务，然后再执行下一个宏任务。这个过程会不断地重复，直到所有任务都被执行完毕。