對于前端開發(fā)人員，掌握Node.js仍然是一項寶貴技能。盡管Deno為服務(wù)器端JavaScript提供了替代方案，但Node.js的廣泛生態(tài)系統(tǒng)確保其持續(xù)相關(guān)性。本文假設(shè)您熟悉基于瀏覽器的JavaScript，并希望使用node.js探索服務(wù)器端的開發(fā)。對于Node.js和NPM初學(xué)者，Jamie Corkhill在Smashing Magazine上的“入門”是一個很好的資源。

異步JavaScript：關(guān)鍵區(qū)別

瀏覽器JavaScript通常最少使用異步代碼（例如， fetch API調(diào)用）。但是，Node.js幾乎總是需要異步編程。它的單線讀取事件循環(huán)依賴于異步回調(diào)，是其設(shè)計的基礎(chǔ)。這種異步至上的方法對Node.js的成功至關(guān)重要，但它為那些習(xí)慣于同步編碼的人提供了學(xué)習(xí)曲線。

構(gòu)建測驗應(yīng)用程序示例

讓我們構(gòu)建一個簡單的測驗應(yīng)用程序來說明node.js概念。 GitHub上提供了更完整的版本。該應(yīng)用程序使用帶有表格，問題和答案表的SQLite數(shù)據(jù)庫。每個問題都有多個答案，其中只有一個是正確的。 Sqlite缺乏布爾類型；我們將0用于false，而為true 1。

首先，初始化NPM并安裝sqlite3軟件包：

 npm init -y
NPM安裝sqlite3

將"type":"module"添加到您的package.json以啟用ES6模塊。創(chuàng)建migrate.js來設(shè)置數(shù)據(jù)庫表：

 // migrate.js
從“ sqlite3”導(dǎo)入sqlite3;

令db = new sqlite3.database（“ quiz.db”）;
db.serialize（function（）{
  // ...（數(shù)據(jù)庫架構(gòu)創(chuàng)建和初始數(shù)據(jù)插入）...
}）;
db.close（）;

該腳本可以創(chuàng)建表并使用示例數(shù)據(jù)填充它們。使用node migrate.js運行它。

導(dǎo)航異步挑戰(zhàn)

讓我們查詢數(shù)據(jù)庫。在index.js中，我們導(dǎo)入sqlite3 ，創(chuàng)建一個數(shù)據(jù)庫對象，然后使用get函數(shù)：

 // index.js
從“ sqlite3”導(dǎo)入sqlite3;

令db = new sqlite3.database（“ quiz.db”）;
db.get（``select * seal * where quizid = 0`，（err，row）=> {
  如果（err）{
    Console.Error（err.message）;
  }
  console.log（row）;
  db.close（）;
}）;

這將測驗數(shù)據(jù)打印到控制臺。

避免回調(diào)陷阱

讓我們創(chuàng)建一個函數(shù)getQuiz(id)以通過ID檢索測驗。僅由于異步執(zhí)行而從回調(diào)中返回結(jié)果是不正確的：

 //不正確 - 避免這種情況！
功能getquiz（id）{
  // ...（帶回調(diào)的數(shù)據(jù)庫查詢）...
  返回結(jié)果； //結(jié)果將不確定！
}

正確的方法使用回調(diào)來處理異步結(jié)果：

函數(shù)getquiz（id，回調(diào)）{
  // ...（數(shù)據(jù)庫查詢，用結(jié)果調(diào)用回調(diào)）...
}
getquiz（0，（quiz）=> {
  console.log（quiz）;
}）;

超越簡單回調(diào)：承諾和異步/等待

連鎖多個異步電話會導(dǎo)致“回調(diào)地獄”。承諾提供更清潔的解決方案：

函數(shù)獲?。╬arams）{
  // ...（數(shù)據(jù)庫查詢包裹在承諾中）...
}

獲?。▄表：“答案”，列：“ andersId”，value：2}）
  。然后（...）
  。然后（...）
  。然后（...）
  。抓?。?..）;

異步/等待進一步簡化異步代碼，使其類似于同步代碼：

異步函數(shù)printquizfromanswer（）{
  const答案=等待get（{表：“答案”，列：“答案”，value：2}）;
  // ...（類似地等待隨后的通話）...
}

printquizfromanswer（）;

頂級等待（最近的Node.js版本中可用）允許更簡潔的代碼。

通過SQL連接優(yōu)化

為了提高效率，請使用SQL連接在單個查詢中檢索相關(guān)數(shù)據(jù)：

函數(shù)quizfromanswer（andersID，呼叫）{
  // ...（SQL加入查詢以獲取答案，問題和測驗數(shù)據(jù)）...
}

這減少了數(shù)據(jù)庫調(diào)用的數(shù)量。

node.js apis和約定

Node.js引入了用于數(shù)據(jù)庫交互，文件系統(tǒng)訪問，HTTP服務(wù)器等的新API。了解Node.js約定，包括package.json文件和錯誤優(yōu)先回調(diào)，至關(guān)重要。 COMPORJS模塊和ES模塊之間的差異也需要注意。

服務(wù)器端的注意事項

Node.js服務(wù)器端開發(fā)需要仔細處理異常和安全漏洞，與客戶端JavaScript不同，錯誤通常會影響單個用戶。

結(jié)論

Node.js使前端開發(fā)人員充分利用其JavaScript技能進行服務(wù)器端開發(fā)。盡管異步性質(zhì)呈現(xiàn)出學(xué)習(xí)曲線，但并發(fā)和龐大的生態(tài)系統(tǒng)的好處使其成為強大的工具。請記住要熟悉異步JavaScript概念，Node.js API和安全性最佳實踐。

以上是將節(jié)點JavaScript與瀏覽器中的JavaScript進行比較的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！