node.js事件循環(huán)機制及與js區(qū)別詳解
一、是什么
在瀏覽器事件循環(huán)(opens new window)中,我們了解到javascript
在瀏覽器中的事件循環(huán)機制,其是根據(jù)HTML5
定義的規(guī)范來實現(xiàn)
而在NodeJS
中,事件循環(huán)是基于libuv
實現(xiàn),libuv
是一個多平臺的專注于異步IO的庫,如下圖最右側(cè)所示:
上圖EVENT_QUEUE
給人看起來只有一個隊列,但EventLoop
存在6個階段,每個階段都有對應(yīng)的一個先進先出的回調(diào)隊列
二、流程
上節(jié)講到事件循環(huán)分成了六個階段,對應(yīng)如下:
- timers階段:這個階段執(zhí)行timer(setTimeout、setInterval)的回調(diào)
- 定時器檢測階段(timers):本階段執(zhí)行 timer 的回調(diào),即 setTimeout、setInterval 里面的回調(diào)函數(shù)
- I/O事件回調(diào)階段(I/O callbacks):執(zhí)行延遲到下一個循環(huán)迭代的 I/O 回調(diào),即上一輪循環(huán)中未被執(zhí)行的一些I/O回調(diào)
- 閑置階段(idle, prepare):僅系統(tǒng)內(nèi)部使用
- 輪詢階段(poll):檢索新的 I/O 事件;執(zhí)行與 I/O 相關(guān)的回調(diào)(幾乎所有情況下,除了關(guān)閉的回調(diào)函數(shù),那些由計時器和 setImmediate() 調(diào)度的之外),其余情況 node 將在適當(dāng)?shù)臅r候在此阻塞
- 檢查階段(check):setImmediate() 回調(diào)函數(shù)在這里執(zhí)行
- 關(guān)閉事件回調(diào)階段(close callback):一些關(guān)閉的回調(diào)函數(shù),如:socket.on('close', ...)
每個階段對應(yīng)一個隊列,當(dāng)事件循環(huán)進入某個階段時, 將會在該階段內(nèi)執(zhí)行回調(diào),直到隊列耗盡或者回調(diào)的最大數(shù)量已執(zhí)行, 那么將進入下一個處理階段
除了上述6個階段,還存在process.nextTick
,其不屬于事件循環(huán)的任何一個階段,它屬于該階段與下階段之間的過渡, 即本階段執(zhí)行結(jié)束, 進入下一個階段前, 所要執(zhí)行的回調(diào),類似插隊
流程圖如下所示:
在Node
中,同樣存在宏任務(wù)和微任務(wù),與瀏覽器中的事件循環(huán)相似
微任務(wù)對應(yīng)有:
- next tick queue:process.nextTick
- other queue:Promise的then回調(diào)、queueMicrotask
宏任務(wù)對應(yīng)有:
- timer queue:setTimeout、setInterval
- poll queue:IO事件
- check queue:setImmediate
- close queue:close事件
其執(zhí)行順序為:
- next tick microtask queue
- other microtask queue
- timer queue
- poll queue
- check queue
- close queue
三、題目
通過上面的學(xué)習(xí),下面開始看看題目
async function async1() { console.log('async1 start') await async2() console.log('async1 end') } async function async2() { console.log('async2') } console.log('script start') setTimeout(function () { console.log('setTimeout0') }, 0) setTimeout(function () { console.log('setTimeout2') }, 300) setImmediate(() => console.log('setImmediate')); process.nextTick(() => console.log('nextTick1')); async1(); process.nextTick(() => console.log('nextTick2')); new Promise(function (resolve) { console.log('promise1') resolve(); console.log('promise2') }).then(function () { console.log('promise3') }) console.log('script end')
分析過程:
- 先找到同步任務(wù),輸出script start
- 遇到第一個 setTimeout,將里面的回調(diào)函數(shù)放到 timer 隊列中
- 遇到第二個 setTimeout,300ms后將里面的回調(diào)函數(shù)放到 timer 隊列中
- 遇到第一個setImmediate,將里面的回調(diào)函數(shù)放到 check 隊列中
- 遇到第一個 nextTick,將其里面的回調(diào)函數(shù)放到本輪同步任務(wù)執(zhí)行完畢后執(zhí)行
- 執(zhí)行 async1函數(shù),輸出 async1 start
- 執(zhí)行 async2 函數(shù),輸出 async2,async2 后面的輸出 async1 end進入微任務(wù),等待下一輪的事件循環(huán)
- 遇到第二個,將其里面的回調(diào)函數(shù)放到本輪同步任務(wù)執(zhí)行完畢后執(zhí)行
- 遇到 new Promise,執(zhí)行里面的立即執(zhí)行函數(shù),輸出 promise1、promise2
- then里面的回調(diào)函數(shù)進入微任務(wù)隊列
- 遇到同步任務(wù),輸出 script end
- 執(zhí)行下一輪回到函數(shù),先依次輸出 nextTick 的函數(shù),分別是 nextTick1、nextTick2
- 然后執(zhí)行微任務(wù)隊列,依次輸出 async1 end、promise3
- 執(zhí)行timer 隊列,依次輸出 setTimeout0
- 接著執(zhí)行 check 隊列,依次輸出 setImmediate
- 300ms后,timer 隊列存在任務(wù),執(zhí)行輸出 setTimeout2
執(zhí)行結(jié)果如下:
script start
async1 start
async2
promise1
promise2
script end
nextTick1
nextTick2
async1 end
promise3
setTimeout0
setImmediate
setTimeout2
最后有一道是關(guān)于setTimeout
與setImmediate
的輸出順序
setTimeout(() => { console.log("setTimeout"); }, 0); setImmediate(() => { console.log("setImmediate"); });
輸出情況如下:
情況一:
setTimeout
setImmediate
情況二:
setImmediate
setTimeout
分析下流程:
- 外層同步代碼一次性全部執(zhí)行完,遇到異步API就塞到對應(yīng)的階段
- 遇到
setTimeout
,雖然設(shè)置的是0毫秒觸發(fā),但實際上會被強制改成1ms,時間到了然后塞入times
階段 - 遇到
setImmediate
塞入check
階段 - 同步代碼執(zhí)行完畢,進入Event Loop
- 先進入
times
階段,檢查當(dāng)前時間過去了1毫秒沒有,如果過了1毫秒,滿足setTimeout
條件,執(zhí)行回調(diào),如果沒過1毫秒,跳過 - 跳過空的階段,進入check階段,執(zhí)行
setImmediate
回調(diào)
這里的關(guān)鍵在于這1ms,如果同步代碼執(zhí)行時間較長,進入Event Loop
的時候1毫秒已經(jīng)過了,setTimeout
先執(zhí)行,如果1毫秒還沒到,就先執(zhí)行了setImmediate
以上就是node.js事件循環(huán)機制及與js區(qū)別詳解的詳細(xì)內(nèi)容,更多關(guān)于node.js事件循環(huán)與js區(qū)別的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
NodeJS學(xué)習(xí)筆記之Connect中間件模塊(二)
本文續(xù)上文的內(nèi)容,介紹下nodejs中connect中間件的使用方式及用途,希望大家喜歡。2015-01-01初識NodeJS服務(wù)端開發(fā)入門(Express+MySQL)
本篇文章主要介紹了初識NodeJS服務(wù)端開發(fā)入門(Express+MySQL),可以對數(shù)據(jù)庫中的一張表進行簡單的CRUD操作,有興趣的可以了解一下。2017-04-04node實現(xiàn)shell命令管理工具及commander.js學(xué)習(xí)
這篇文章主要為大家介紹了node實現(xiàn)shell命令管理工具及commander.js學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09kafka調(diào)試中遇到Connection to node -1 could not be established. Br
這篇文章主要介紹了kafka調(diào)試中遇到Connection to node -1 could not be established. Broker may not be available的解決方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-09-09nodejs如何在package.json中設(shè)置多條啟動命令
這篇文章主要介紹了nodejs如何在package.json中設(shè)置多條啟動命令,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03在Node.js中實現(xiàn)后端與前端的交互的方法詳解
在前后端不分離的應(yīng)用模式中,前端頁面看到的效果都是由后端控制,由后端渲染頁面或重定向,也就是后端需要控制前端的展示,前端與后端的耦合度很高, 所以本文給大家介紹了在Node.js中實現(xiàn)后端與前端的交互的方法,需要的朋友可以參考下2024-09-09