這篇文章帶大家透過動畫來學習Node事件循環，希望對大家有幫助！
我們都聽過 JavaScript 和 Node.js 是單執行緒的，但實際上這代表什麼？
這表示 JavaScript 一次只能做一件事。 例如，我們不能同時將數字相乘和相加。我們通常會按順序進行操作。我們相加然後相乘，反之亦然。現代計算機速度很快，兩個或多個連續任務的結果似乎是同時計算的，但也有例外。 【相關教學推薦：nodejs影片教學】
我們都曾嘗試從那個緩慢的網站上抓取數據，或是在獲得資料庫查詢結果之前等待了 30 秒以上。 我們是否想因為資料庫查詢速度慢而阻止單執行緒執行更多任務？ 然而，Node.js 並沒有停止執行其他操作，因為 Libuv 是一個 C 函式庫，負責事件循環和非同步處理網路請求、DNS 解析、檔案系統操作、資料加密等任務。
當 Node.js 處理諸如資料庫查詢之類的任務時，幕後會發生什麼？我們將按照這段程式碼一步一步來探索它。
這是我們的範例程式碼
V8 JavaScript 引擎管理呼叫堆疊，這是追蹤我們程式的哪個部分正在運行的重要部分。每當我們呼叫 JavaScript 函數時，它就會被推送到呼叫堆疊。一旦函數到達其結尾或return語句，它就會從堆疊中彈出。
在我們的範例中，程式碼行 console.log('Starting Node.js') 被加入到呼叫堆疊並列印 Starting Node.js 到控制台。透過這樣做，它到達log函數的末尾並從呼叫堆疊中刪除。
以下程式碼行是一個資料庫查詢。這些任務會立即彈出，因為它們可能需要很長時間。它們被傳遞給 Libuv，後者在後台非同步處理它們。同時，Node.js 可以在不阻塞其單執行緒的情況下繼續執行其他程式碼。
將來，Node.js 將知道如何處理查詢，因為我們已將回呼函數與處理任務結果或錯誤的指令相關聯。在我們的例子中，它是一個簡單的 console.log，但它可能是複雜的業務邏輯或生產應用程式中的資料處理。
當Libuv 在後台處理查詢時，我們的JavaScript 沒有被阻塞，可以繼續使用 console.log(”Before query result”).
查詢完成後，它的回呼將會被推送到I/O 事件佇列以立即執行* 。 * 事件循環將佇列與呼叫堆疊連接起來。它檢查後者是否為空並移動第一個隊列項以執行。
該程式碼可在github.com/fabrillallo…
嘗試找出控制台上列印的以下程式碼。
事件循環、委託和非同步處理機制是Node.js 處理數千個連接、讀取取/寫入龐大檔案、在處理我們程式碼的其他部分時處理計時器的秘密成分。
在文章中，我們看到了 Libuv 的重要角色以及它處理許多潛在的長時間運行任務的能力。同時，我們了解了事件循環及其作為 I/O 事件佇列中非同步操作回呼與呼叫堆疊之間的橋樑/連接器的作用。在接下來的文章中，我們將更詳細地探討事件循環的不同階段如何處理timers、I/O、promises和ticks 。
英文原文網址：https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62
#更多node相關知識，請造訪：nodejs 教學！
以上是nodejs可視化學習：事件循環【動圖示範】的詳細內容。更多資訊請關注PHP中文網其他相關文章！
