Vergleich des Knotens JavaScript mit JavaScript im Browser

Für Front-End-Entwickler bleibt Mastering Node.js eine wertvolle Fähigkeit. Während Deno eine Alternative zum serverseitigen JavaScript bietet, gewährleistet Node.js 'umfangreiches Ökosystem seine anhaltende Relevanz. In diesem Artikel geht davon aus, dass Sie mit dem Browser-basierten JavaScript vertraut sind und mithilfe von node.js. Für Node.js und NPM -Anfänger ist Jamie Corkhills "Get Town With Node" im Smashing Magazine eine großartige Ressource.

Asynchroner JavaScript: ein wichtiger Unterschied

Der Browser JavaScript verwendet häufig minimal asynchroner Code (z. B. für API -Aufrufe fetch ). Node.js erfordert jedoch fast immer eine asynchrone Programmierung. Die einsthread-Ereignisschleife, die sich auf asynchrone Rückrufe stützt, ist für sein Design von grundlegender Bedeutung. Dieser asynchrone erste Ansatz war für den Erfolg von Node.js entscheidend, bietet jedoch eine Lernkurve für diejenigen, die an die synchrone Codierung gewöhnt sind.

Aufbau eines Quiz -App -Beispiels

Erstellen wir eine einfache Quiz -App, um node.js -Konzepte zu veranschaulichen. Eine vollständigere Version ist auf GitHub erhältlich. Diese App verwendet eine SQLite -Datenbank mit Tabellen für Quiz, Fragen und Antworten. Jede Frage hat mehrere Antworten, von denen nur eine korrekt ist. SQLite fehlt einen booleschen Typ; Wir werden 0 für False und 1 für True verwenden.

Initialisieren Sie zunächst NPM und installieren Sie das sqlite3 -Paket:

 npm init -y
NPM SQLite3 installieren

Fügen Sie Ihrem package.json "type":"module" hinzu, um ES6 -Module zu aktivieren. Erstellen Sie migrate.js , um die Datenbanktabellen einzurichten:

 // migrate.js
import SQLite3 aus "SQLite3";

sei db = new SQLite3.Database ("quiz.db");
db.serialize (function () {
  // ... (Datenbankschemaerstellung und anfängliche Dateninsertion) ...
});
db.close ();

Dieses Skript erstellt die Tabellen und populiert sie mit Beispieldaten. Führen Sie es mit node migrate.js aus.

Navigieren asynchrone Herausforderungen

Fragen wir die Datenbank ab. In index.js importieren wir sqlite3 , erstellen ein Datenbankobjekt und verwenden die get -Funktion:

 // index.js
import SQLite3 aus "SQLite3";

sei db = new SQLite3.Database ("quiz.db");
db.get (`select * von quiz wobei quizid = 0`, (err, row) => {
  if (err) {
    console.Error (err.message);
  }
  console.log (row);
  db.close ();
});

Dies druckt die Quizdaten in die Konsole.

Rückruf Fallstricke vermeiden

Lassen Sie uns eine Funktion getQuiz(id) erstellen, um ein Quiz per ID abzurufen. Das einfache Rückgabe des Ergebniss aus dem Rückruf ist aufgrund der asynchronen Ausführung falsch:

 // Falsch - Vermeiden Sie dies!
Funktion getQuiz (id) {
  // ... (Datenbankabfrage mit Rückruf) ...
  Rückgabeergebnis; // Ergebnis wird undefiniert sein!
}

Der korrekte Ansatz verwendet einen Rückruf, um das asynchrone Ergebnis zu verarbeiten:

 Funktion getQuiz (ID, Rückruf) {
  // ... (Datenbankabfrage, Rückruf mit Ergebnis) ...
}
GetQuiz (0, (quiz) => {
  console.log (quiz);
});

Jenseits einfacher Rückrufe: Versprechen und asynchronisiert/warten

Das Ketten mehrerer asynchroner Anrufe führt zu "Callback -Hölle". Versprechen bieten eine sauberere Lösung:

 Funktion get (params) {
  // ... (Datenbankabfrage in ein Versprechen eingewickelt) ...
}

Get ({Tabelle: "Antwort", Spalte: "Antwort", Wert: 2})
  .Dann(...)
  .Dann(...)
  .Dann(...)
  .fangen(...);

Async/wartet weiter den asynchronen Code und lässt ihn synchroner Code ähneln:

 Async -Funktion printquizfromanswer () {
  const beantwortet = warte get ({Tabelle: "Antwort", Spalte: "Antwort", Wert: 2});
  // ... (in ähnlicher Weise nachfolgende Anrufe warten) ...
}

printquizfromanswer ();

Top-Level Awesait (verfügbar in den aktuellen Node.js-Versionen) ermöglicht noch prägnanterer Code.

Optimierung mit SQL -Anschlüssen

Verwenden Sie für die Effizienz SQL -Zusammenhänge, um verwandte Daten in einer einzelnen Abfrage abzurufen:

 Funktion quizfromanswer (Antwort, Rückruf) {
  // ... (SQL schließen Sie die Abfrage bei, um Antwort-, Frage- und Quizdaten zu holen) ...
}

Dies reduziert die Anzahl der Datenbankaufrufe.

Node.js -APIs und Konventionen

Node.js führt neue APIs für Datenbankinteraktionen, Dateisystemzugriff, HTTP -Server und mehr ein. Das Verständnis von Node.js-Konventionen, einschließlich der package.json Datei und Fehler-First-Rückrufe, ist entscheidend. Die Unterschiede zwischen CommonJS -Modulen und ES -Modulen erfordern ebenfalls Aufmerksamkeit.

Serverseitige Überlegungen

Node.JS Server-Side-Entwicklung erfordert eine sorgfältige Behandlung von Ausnahmen und Sicherheitslücken, im Gegensatz zu clientseitigem JavaScript, bei dem Fehler häufig auf einzelne Benutzer betreffen.

Abschluss

Node.js ermöglicht es Front-End-Entwicklern, ihre JavaScript-Fähigkeiten für die Server-Seite zu nutzen. Während die asynchrone Natur eine Lernkurve präsentiert, machen die Vorteile der Parallelität und des riesigen Ökosystems es zu einem leistungsstarken Werkzeug. Denken Sie daran, sich mit asynchronen JavaScript -Konzepten, Node.js -APIs und Best Practices für Sicherheitsförderungen vertraut zu machen.

Das obige ist der detaillierte Inhalt vonVergleich des Knotens JavaScript mit JavaScript im Browser. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!