nodejs視覺化學習:事件迴圈【動圖演示】

2022-11-25 22:00:53
本篇文章帶大家通過動畫來學習事件迴圈,希望對大家有所幫助!

node.js極速入門課程:進入學習

我們都聽說過 JavaScript 和 Node.js 是單執行緒的,但實際上這意味著什麼?

image.png

這意味著 JavaScript 一次只能做一件事。 例如,我們不能同時將數位相乘和相加。我們通常按順序進行操作。我們相加然後相乘,反之亦然。現代計算機速度很快,兩個或多個連續任務的結果似乎是同時計算的,但也有例外。【相關教學推薦:】

我們都曾嘗試從那個緩慢的網站上抓取資料,或者在獲得資料庫查詢結果之前等待了 30 多秒。我們是否想因為資料庫查詢速度慢而阻止單執行緒執行更多工?然而,Node.js 並沒有停止執行其他操作,因為 Libuv 是一個 C++ 庫,負責事件迴圈和非同步處理網路請求、DNS 解析、檔案系統操作、資料加密等任務。

當 Node.js 處理諸如資料庫查詢之類的任務時,幕後會發生什麼?我們將按照這段程式碼一步一步來探索它。

這是我們的範例程式碼

V8 JavaScript 引擎管理呼叫堆疊,這是跟蹤我們程式的哪個部分正在執行的重要部分。每當我們呼叫 JavaScript 函數時,它都會被推播到呼叫堆疊。一旦函數到達其結尾或return語句,它就會從堆疊中彈出。

在我們的範例中,程式碼行 console.log('Starting Node.js') 被新增到呼叫堆疊並列印 Starting Node.js 到控制檯。通過這樣做,它到達log函數的末尾並從呼叫堆疊中刪除。

Node.js 呼叫堆棧上的函數呼叫

以下程式碼行是一個資料庫查詢。這些任務會立即彈出,因為它們可能需要很長時間。它們被傳遞給 Libuv,後者在後臺非同步處理它們。同時,Node.js 可以在不阻塞其單執行緒的情況下繼續執行其他程式碼。

將來,Node.js 將知道如何處理查詢,因為我們已將回撥函數與處理任務結果或錯誤的指令相關聯。在我們的例子中,它是一個簡單的 console.log,但它可能是複雜的業務邏輯或生產應用程式中的資料處理。

Libuv 處理 I/O 操作

當 Libuv 在後臺處理查詢時,我們的 JavaScript 沒有被阻塞,可以繼續使用 console.log(」Before query result」).

在 Node.js 運行我們的程式碼時處理 I/O

查詢完成後,它的回撥將被推播到 I/O 事件佇列以立即執行* * 事件迴圈將佇列與呼叫堆疊連線起來。它檢查後者是否為空並移動第一個佇列項以執行。

事件迴圈檢查空呼叫堆棧

該程式碼可在

事件迴圈上的小測驗

嘗試找出控制檯上列印的以下程式碼。

結論

事件迴圈、委託和非同步處理機制是 Node.js 處理數千個連線、讀取/寫入巨大檔案、在處理我們程式碼的其他部分時處理計時器的祕密成分。

在文章中,我們看到了 Libuv 的重要作用以及它處理許多潛在的長時間執行任務的能力。同時,我們瞭解了事件迴圈及其作為 I/O 事件佇列中非同步操作回撥與呼叫堆疊之間的橋樑/聯結器的作用。在接下來的文章中,我們將更詳細地探討事件迴圈的不同階段如何處理timersI/Opromisesticks 。

英文原文地址:https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62

更多node相關知識,請存取:!

以上就是nodejs視覺化學習:事件迴圈【動圖演示】的詳細內容,更多請關注TW511.COM其它相關文章!