​事件机制/Event Loop

event loop产生原因?

js是单线程的，如果某个程序需要等待一会在执行，那么后面的程序都会被阻塞，为了解决这个问题，js出现了同步和异步两种任务，这两种任务的差异就在于执行的优先级不同，event loop对这些任务的执行优先级做了规范。

Event Loop是浏览器或Node解决单线程运行时不会阻塞的一种机制。它是一种循环机制，主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop(事件循环) 。

同步和异步任务

异步任务：不需要等待某个操作完成后才能继续执行的任务，例如网络请求、定时器等。在异步任务中，程序会立即返回并继续执行下一个任务，而不会等待操作完成。当操作完成后，程序会通过回调函数等方式通知主线程。

分为宏任务和微任务

• 宏任务：指需要等待当前执行栈中的所有任务完成后才能继续执行的任务，例如浏览器中的页面渲染、定时器等。在JavaScript中，宏任务是通过process.nextTick()setTimeout()、setInterval()等函数来实现的。
• 微任务：不需要等待当前执行栈中的所有任务完成后才能继续执行的任务，例如浏览器中的DOM更新、事件回调等。在JavaScript中，微任务是通过Promise、MutationObserver等对象来实现的。
• 当一个宏任务执行时，它会将所有挂起的微任务加入到当前执行栈中，等待当前宏任务执行完成后再依次执行这些微任务。

同步任务：需要等待某个操作完成后才能继续执行的任务，例如读取文件、发送邮件等。在同步任务中，程序会一直等待直到操作完成，然后才会继续执行下一个任务。

执行顺序

在JavaScript中，Event Loop是单线程的执行机制。当一个任务进入Event Loop时，它会被放入事件队列中等待执行。如果当前执行栈为空，则会从事件队列中取出一个任务并执行它。如果该任务是一个宏任务，则会将其添加到当前执行栈中；如果该任务是一个微任务，则会立即执行 。

当一个宏任务被执行时，它会将所有挂起的微任务加入到当前执行栈中，等待当前宏任务执行完成后再依次执行这些微任务 。

任务的执行顺序：同步任务>微任务>宏任务