摘要：在回調(diào)隊(duì)列中，函數(shù)等待調(diào)用棧為空，因?yàn)槊總€語句都執(zhí)行一次。最后一個運(yùn)行，并且從調(diào)用棧中彈出。它將回調(diào)以先進(jìn)先出順序移動到調(diào)用棧并執(zhí)行。

翻譯：瘋狂的技術(shù)宅
原文： https://medium.freecodecamp.o...

本文首發(fā)微信公眾號：前端先鋒
歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章

Node.js 是一個 JavaScript 運(yùn)行時環(huán)境。聽起來還不錯，不過這究竟意味著什么？它又是如何運(yùn)作的？

Node 運(yùn)行時環(huán)境包含執(zhí)行 JavaScript 程序所需要的一切。

如果你了解 Java 的話，會發(fā)現(xiàn)它們有點(diǎn)像。

JavaScript 原來是只能在瀏覽器中運(yùn)行的，當(dāng)把它擴(kuò)展成為可以在你的計(jì)算機(jī)上作為獨(dú)立的程序運(yùn)行時，Node.js 就出現(xiàn)了。

現(xiàn)在你可以用 JavaScript 做更多的事情，而不僅僅是用在網(wǎng)站的互動和特效上。

JavaScript 現(xiàn)在能夠去做其他腳本語言（如Python）可以執(zhí)行的操作。

你 Chrome 瀏覽器中的 JavaScript 和 Node.js 都在 V8 引擎上運(yùn)行。該引擎將你的 JavaScript 代碼轉(zhuǎn)換為更快的機(jī)器代碼。機(jī)器代碼是低級代碼，計(jì)算機(jī)可以直接運(yùn)行而無需先解釋它。

這是 Node.js 官方網(wǎng)站上給出的正式定義：

Node.js?是基于 Chrome 的 V8 JavaScript 引擎構(gòu)建的 JavaScript 運(yùn)行時環(huán)境。
Node.js 使用事件驅(qū)動的非阻塞 I/O模型，輕量且高效。
Node.js 的包生態(tài)系統(tǒng) npm 是世界上最大的開源庫生態(tài)系統(tǒng)。

我們在前面已經(jīng)討論過了這個定義的第一行：“Node.js?是基于 Chrome 的 V8 JavaScript 引擎構(gòu)建的 JavaScript 運(yùn)行時環(huán)境。” 現(xiàn)在讓我們理解剩下的兩行，這樣我們就可以找出為什么 Node.js 如此受歡迎的原因。

I/O 指的是輸入/輸出。它可以是從讀取/寫入本地文件到向 API 發(fā)出 HTTP 的任何內(nèi)容。

I/O 需要時間，因此會阻止其他函數(shù)。

考慮一下這種情況，我們需要通過請求后端數(shù)據(jù)庫來獲取 user1 和 user2 的詳細(xì)信息，然后在屏幕或控制臺上打印它們。對該請求的響應(yīng)需要時間，但是兩個用戶數(shù)據(jù)的請求可以獨(dú)立地同時執(zhí)行。

阻塞 I/O（左）與非阻塞 I/O（右）

在阻塞方法中，在 user1 的數(shù)據(jù)被輸出到屏幕之前，不會啟動 user2 的數(shù)據(jù)請求。

如果這是一個Web服務(wù)器，我們必須為每個新用戶啟動一個新線程。但 JavaScript 是單線程的（實(shí)際上不是真的，但它有一個單線程的事件循環(huán)，我們稍后會討論）。所以這會使 JavaScript 不太適合多線程任務(wù)。

這就是非阻塞的用武之地。

另一方面，如果用非阻塞請求，可以在為 user2 發(fā)起數(shù)據(jù)請求時，無需先等待對 user1 請求的響應(yīng)。你可以并行啟動這兩個請求。

這種非阻塞 I/O 消除了對多線程的需要，因?yàn)榉?wù)器可以同時處理多個請求。

以下是 JavaScript 事件循環(huán)工作原理簡要的逐步描述。

將 main() 送入調(diào)用棧。

將 console.log() 送入調(diào)用棧。然后立即運(yùn)行并彈出。

將 setTimeout(2000) 送入棧。 setTimeout(2000)是一個 Node API。在調(diào)用它時，先注冊事件回調(diào)。事件將等待 2000 毫秒，然后回調(diào)這個函數(shù)。

在 API 中注冊后，setTimeout(2000) 從調(diào)用堆棧中彈出。

現(xiàn)在第二個 setTimeout(0) 以相同的方式注冊。我們現(xiàn)在有兩個 Node API 等待執(zhí)行。

等待 0 秒后，setTimeout(0) 被移動到回調(diào)隊(duì)列，同樣的事情發(fā)生在 setTimeout(2000)。

在回調(diào)隊(duì)列中，函數(shù)等待調(diào)用棧為空，因?yàn)槊總€語句都執(zhí)行一次。這由事件循環(huán)處理。

最后一個 console.log() 運(yùn)行，并且 main() 從調(diào)用棧中彈出。

如果事件循環(huán)檢測到到調(diào)用堆棧為空且回調(diào)隊(duì)列不為空。它將回調(diào)（以先進(jìn)先出順序）移動到調(diào)用棧并執(zhí)行。

這些是由令人敬畏的社區(qū)所構(gòu)建的庫，它能解決你的大多數(shù)的常規(guī)問題。 npm（Node package manager)）中有很多可以用在你的程序中包，可以使你的開發(fā)更快更有效。

Require 做三件事：

它從 Node.js API 加載與 Node.js 捆綁在一起的模塊，如文件系統(tǒng)和 HTTP 等。

它加載從 npm 安裝的第三方庫，如 Express 和 Mongoose 等。

它允許你 require 自己的文件并把項(xiàng)目模塊化。

Require 是一個函數(shù)，它接受參數(shù) “path” 并返回 module.exports。

Node 模塊是一個可重用的代碼塊，它的存在不會對其他代碼產(chǎn)生意外地影響。

你可以編寫自己的模塊并在各種程序中使用它。 Node.js 有一組內(nèi)置模塊，無需進(jìn)一步安裝即可使用。

V8 是一個用 C++ 編寫的開源運(yùn)行時引擎。

JavaScript => V8（C ++）=> 機(jī)器碼

V8 實(shí)現(xiàn)了 ECMA-262 中指定的名為 ECMAScript 的腳本。 ECMAScript 由 Ecma International 創(chuàng)建，用于標(biāo)準(zhǔn)化JavaScript。

V8 可以獨(dú)立運(yùn)行，也可以嵌入到任何 C++ 程序中。它有一些鉤子，允許你編寫自己的C++代碼供 JavaScript 使用。

這實(shí)際上允許你通過將 V8 嵌入到 C++ 代碼中來向 JavaScript 添加功能，以便使你的 C++ 代碼實(shí)現(xiàn)比 ECMAScript 標(biāo)準(zhǔn)更多的功能。

正如 Greg Bulmash 引起了我的注意，除了V8之外，還有許多不同的 JavaScript 引擎，如 Mozilla 的 SpiderMonkey，微軟的 Chakra 等等。更多的東西可以在這里找到。

事件指的是我們可以對在程序中發(fā)生的事情作出回應(yīng)。Node 中有兩種類型的事件。

系統(tǒng)事件：來自用 C++ 實(shí)現(xiàn)的基于 libuv 庫的內(nèi)核。（例如，讀取文件完畢）。

自定義事件：JavaScript 核心。

創(chuàng)建文件 app.js 并將以下內(nèi)容添加到其中。

console.log("Hello World!");

打開終端，將目錄切換到保存文件的文件夾，然后運(yùn)行 node app.js。

就這么簡單，你在 Node.js 中寫的 “Hello World” 跑起來了。

最后，你可以通過互聯(lián)網(wǎng)上的大量資源去了解關(guān)于 Node.js 的更多信息。

12個令人驚嘆的CSS實(shí)驗(yàn)項(xiàng)目

必須要會的 50 個React 面試題

世界頂級公司的前端面試都問些什么

11 個最好的 JavaScript 動態(tài)效果庫

CSS Flexbox 可視化手冊

從設(shè)計(jì)者的角度看 React

過節(jié)很無聊？還是用 JavaScript 寫一個腦力小游戲吧！

CSS粘性定位是怎樣工作的

一步步教你用HTML5 SVG實(shí)現(xiàn)動畫效果

程序員30歲前月薪達(dá)不到30K，該何去何從

14個最好的 JavaScript 數(shù)據(jù)可視化庫

8 個給前端的頂級 VS Code 擴(kuò)展插件

Node.js 多線程完全指南

把HTML轉(zhuǎn)成PDF的4個方案及實(shí)現(xiàn)

更多文章...