淺析EventLoop

在了解EventLoop之前,我們需要知道什么

  1. javaScript是單線程。
  2. javaScript任務(wù)可以分為同步任務(wù)和異步任務(wù)
    作為一個(gè)單線程語言,執(zhí)行同步任務(wù),自然是沒有問題,那么,他又是如何執(zhí)行異步任務(wù)的呢?這里就用到了我們要說的EventLoop。

什么是EventLoop

EventLoop又稱事件循環(huán)機(jī)制,是瀏覽器或者Node為了防止JavaScript在單線程在單線程運(yùn)行時(shí)發(fā)生阻塞的一種事件機(jī)制。

javaScript任務(wù)隊(duì)列

想要了解EventLoop究竟是如何工作的,我們首先還要了解javaScript的事件隊(duì)列。
我們可以理解為我們的代碼是一個(gè)任務(wù)隊(duì)列,他由同步任務(wù)和異步任務(wù)構(gòu)成,
因?yàn)閖avaScript單線程的特點(diǎn),所以所有的任務(wù)只能一個(gè)一個(gè)執(zhí)行,前一個(gè)任務(wù)結(jié)束,后一個(gè)任務(wù)開始,這就是我們前面說到的同步任務(wù),當(dāng)然還有另外一種任務(wù),比如后端的數(shù)據(jù)請(qǐng)求,如果數(shù)據(jù)量大,后端返回運(yùn)行的邏輯復(fù)雜,就會(huì)導(dǎo)致數(shù)據(jù)返回的很慢,這樣一來,如果后面的任務(wù)一直等著,就會(huì)造成任務(wù)的阻塞,所以我們需要將返回慢的暫時(shí)掛起,然后先執(zhí)行后面的事件,這也就是我們上面說的異步任務(wù)。

微任務(wù)與宏任務(wù)

這是EventLoop的重點(diǎn),宏任務(wù)與微任務(wù):
宏任務(wù)(MacroTask,也成Task):script(整體代碼)、setTimeout、setInterval、I\O、UI交互事件、postMessageChannel、setImmediate
微任務(wù)(MircoTask):Promise.then、Object.observe、MutaionObserver、process.nextTick
他們的簡單執(zhí)行過程:
先執(zhí)行一個(gè)宏任務(wù),然后如果遇到微任務(wù)就把微任務(wù)放到微任務(wù)列表中,然后等宏任務(wù)執(zhí)行完成,執(zhí)行所有微任務(wù),當(dāng)微任務(wù)全部執(zhí)行完成之后可以視為當(dāng)前宏任務(wù)已經(jīng)執(zhí)行完成,然后進(jìn)行瀏覽器渲染,渲染完成后開啟下一個(gè)宏任務(wù)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容