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时,它会被放入事件队列中等待执行。如果当前执行栈为空,则会从事件队列中取出一个任务并执行它。如果该任务是一个宏任务,则会将其添加到当前执行栈中;如果该任务是一个微任务,则会立即执行 。
当一个宏任务被执行时,它会将所有挂起的微任务加入到当前执行栈中,等待当前宏任务执行完成后再依次执行这些微任务 。
任务的执行顺序:同步任务>微任务>宏任务