在了解EventLoop之前,我們需要知道什么
- javaScript是單線程。
- 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ù)。