フロントエンドの開発者にとって、node.jsのマスタリングは依然として貴重なスキルです。 Denoはサーバー側(cè)のJavaScriptの代替品を提供していますが、Node.jsの広範(fàn)なエコシステムはその継続的な関連性を保証します。この記事では、ブラウザベースのJavaScriptに精通しており、node.jsを使用してサーバー側(cè)の開発を検討したいと考えています。 Node.jsとNPM初心者にとって、Smashing MagazineのJamie Corkhillの「Getering of Node」は素晴らしいリソースです。

非同期JavaScript：重要な違??い

ブラウザJavaScriptは、多くの場(chǎng)合、非同期コードを最小限に使用します（たとえば、API呼び出しのためにfetch ）。ただし、node.jsは、ほとんど常に非同期プログラミングが必要です。非同期コールバックに依存しているシングルスレッドイベントループは、その設(shè)計(jì)の基本です。この非同期ファーストアプローチは、node.jsの成功にとって重要でしたが、同期コーディングに慣れている人々に學(xué)習(xí)曲線を提示します。

クイズアプリの例を構(gòu)築します

node.jsの概念を説明するためのシンプルなクイズアプリを構(gòu)築しましょう。より完全なバージョンはGitHubで利用できます。このアプリは、クイズ、質(zhì)問、回答用のテーブルを備えたSQLiteデータベースを使用しています。各質(zhì)問には複數(shù)の答えがあり、そのうちの1つだけが正しいです。 SQLiteにはブールタイプがありません。 falseには0、Trueには1を使用します。

まず、NPMを初期化し、 sqlite3パッケージをインストールします。

 npm init -y
npmインストールsqlite3

ES6モジュールを有効にするには、 "type":"module"をpackage.jsonに追加します。 migrate.jsを作成して、データベーステーブルを設(shè)定します。

 // migrate.js
「sqlite3」からsqlite3をインポートします。

db = new sqlite3.database（ "quiz.db"）;
db.serialize（function（）{
  // ...（データベーススキーマの作成と初期データ挿入）...
}）;
db.close（）;

このスクリプトはテーブルを作成し、サンプルデータを入力します。 node migrate.jsで実行します。

非同期課題のナビゲート

データベースを照會(huì)しましょう。 index.jsでは、 sqlite3をインポートし、データベースオブジェクトを作成し、 get関數(shù)を使用します。

 // index.js
「sqlite3」からsqlite3をインポートします。

db = new sqlite3.database（ "quiz.db"）;
db.get（ `select * from quiz where quizid = 0`、（err、row）=> {
  if（err）{
    console.error（err.message）;
  }
  console.log（row）;
  db.close（）;
}）;

これにより、クイズデータがコンソールに印刷されます。

コールバックの落とし穴を避けます

IDでクイズを取得するための関數(shù)getQuiz(id)を作成しましょう。非同期実行により、コールバック內(nèi)から結(jié)果を単に返すことは間違っています。

 //不正 - これを避けてください！
関數(shù)getquiz（id）{
  // ...（コールバック付きのデータベースクエリ）...
  返品結(jié)果; //結(jié)果は未定義になります！
}

正しいアプローチでは、コールバックを使用して非同期結(jié)果を処理します。

関數(shù)getquiz（id、callback）{
  // ...（データベースクエリ、結(jié)果を伴うコールバックを呼び出す）...
}
getquiz（0、（quiz）=> {
  console.log（quiz）;
}）;

単純なコールバックを超えて：約束とasync/await

複數(shù)の非同期呼び出しをチェックすると、「コールバックヘル」につながります。約束はよりクリーンなソリューションを提供します：

関數(shù)get（params）{
  // ...（約束にラップされたデータベースクエリ）...
}

get（{table： "Answer"、column： "AnswerId"、value：2}）
  。それから（...）
  。それから（...）
  。それから（...）
  。キャッチ（...）;

Async/awaingは、非同期コードをさらに簡(jiǎn)素化し、同期コードに似ています。

 async関數(shù)printquizfromanswer（）{
  const回答= await get（{table： "Answer"、column： "AnswerId"、value：2}）;
  // ...（同様に後続の呼び出しを待っています）...
}

printquizfromanswer（）;

トップレベルの待望（最近のnode.jsバージョンで利用可能）により、さらに簡(jiǎn)潔なコードが可能になります。

SQL結(jié)合で最適化します

効率のために、SQL結(jié)合を使用して、単一のクエリで関連データを取得します。

 function quizfromanswer（AssensId、callback）{
  // ...（sql queryを結(jié)合して回答、質(zhì)問、クイズのデータ??を取得します）...
}

これにより、データベース呼び出しの數(shù)が減ります。

node.js apis and Conventions

node.jsは、データベースインタラクション、ファイルシステムアクセス、HTTPサーバーなどの新しいAPIを?qū)毪筏蓼埂?package.jsonファイルやエラーファーストコールバックを含むnode.jsの規(guī)則を理解することが重要です。 CommonJSモジュールとESモジュールの違いも注意が必要です。

サーバー側(cè)の考慮事項(xiàng)

node.jsサーバー側(cè)の開発は、エラーが個(gè)々のユーザーに影響を與えることが多いクライアント側(cè)のJavaScriptとは異なり、例外とセキュリティの脆弱性を注意深く処理する必要があります。

結(jié)論

node.jsは、フロントエンド開発者がサーバー側(cè)の開発のためにJavaScriptスキルを活用できるようにします。非同期性は學(xué)習(xí)曲線を提示しますが、同時(shí)性と広大なエコシステムの利點(diǎn)はそれを強(qiáng)力なツールにします。非同期JavaScriptの概念、node.js API、およびセキュリティベストプラクティスに慣れてください。

以上がノードJavaScriptをブラウザのJavaScriptと比較しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。