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

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

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

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

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

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

 npm init -y
NPM安裝sqlite3

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

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

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

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

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

讓我們查詢(xún)數(shù)據(jù)庫(kù)。在index.js中，我們導(dǎo)入sqlite3 ，創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)對(duì)象，然後使用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（）;
}）;

這將測(cè)驗(yàn)數(shù)據(jù)打印到控制臺(tái)。

避免回調(diào)陷阱

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

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

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

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

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

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

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

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

異步/等待進(jìn)一步簡(jiǎn)化異步代碼，使其類(lèi)似於同步代碼：

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

printquizfromanswer（）;

頂級(jí)等待（最近的Node.js版本中可用）允許更簡(jiǎn)潔的代碼。

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

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

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

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

node.js apis和約定

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

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

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

結(jié)論

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

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