Lernen Sie Informatik mit JavaScript Teil 1, Grundlagen

Einführung

JavaScript ist eine Sprache, die wir zum Schreiben von Programmen verwenden können, die in einem Browser oder auf einem Server mit Node ausgeführt werden. Aufgrund von Node können Sie JavaScript verwenden, um vollständige Webanwendungen wie Twitter oder Spiele wie Agar.io zu erstellen.  

Dies ist die erste Lektion in einer vierteiligen Serie, in der ich Ihnen die Programmiergrundlagen beibringe, die Sie benötigen, damit Sie lernen können, wie Sie Ihre eigenen Apps erstellen. In Teil 1 werde ich Ihnen die Syntax von JavaScript und ES6 vorstellen. ES6 steht für ECMAScript 6, eine Version von JavaScript.

Inhalt

  • Installation und Einrichtung
  • Ein Programm entwerfen
  • Syntax
  • Variablen
  • Datentypen
  • Rezension
  • Ressourcen

Installation und Einrichtung

Zunächst richten wir unsere Entwicklungsumgebung so ein, dass wir unseren Code auf unserem eigenen Computer ausführen können. Alternativ können Sie Codebeispiele in einem Online-Editor wie repl.it testen. Ich ziehe es vor, dass Sie anfangen, Code auf Ihrem Computer zu schreiben und auszuführen, damit Sie sich wie ein echter Programmierer fühlen können. Außerdem möchte ich, dass Sie Node verwenden, damit Sie ihn in Ihren Lebenslauf aufnehmen und Ihren Arbeitgeber beeindrucken können.  

Zuerst benötigen Sie einen Texteditor, um Ihren Code zu schreiben. Ich empfehle Sublime Text. Laden Sie als Nächstes Node auf Ihren Computer herunter und installieren Sie ihn. Sie können die Software auf der Node.js-Website herunterladen. Bestätigen Sie die erfolgreiche Installation, indem Sie den Befehl eingeben Knoten -v von Ihrem Terminal aus. Wenn alles in Ordnung ist, sehen Sie die Versionsnummer Ihrer Node-Installation. 

Mit Node können Sie beispielsweise JavaScript-Code in Ihrem Terminal ausführen. Dies geschieht in einer sogenannten REPL. Um es auszuprobieren, geben Sie den Befehl ein Knoten in Ihrem Terminal. 

Lassen Sie uns als Nächstes die Nachricht "Hallo, Welt" drucken. Geben Sie Folgendes in das Terminal ein:

> console.log ("Hallo, Welt"); 

Um die REPL zu verlassen, drücken Sie Steuerung-C zweimal. Die Verwendung der REPL-Datei ist nützlich, wenn Sie einfache Anweisungen wie im obigen Beispiel testen möchten. Dies kann sich als bequemer erweisen, als Code in einer Datei zu speichern - insbesondere, wenn Sie Wegwerfcode schreiben. 

Um ein Programm auszuführen, das Sie in eine Datei geschrieben haben, führen Sie in Ihrem Terminal den Befehl aus Knotenname, woher Dateiname wird durch den Namen Ihrer JavaScript-Datei ersetzt. Sie müssen das nicht eingeben js Erweiterung des Dateinamens, um das Skript auszuführen. Sie müssen sich im Stammverzeichnis befinden, in dem sich die Datei befindet.

Versuchen wir es mit einem Beispiel. Erstellen Sie eine Datei mit dem Namen hallo.js. Darin werden wir den folgenden Code einfügen:

console.log ("Hallo, Welt");

Führen Sie den Code vom Terminal aus:

$ node hallo

Wenn alles in Ordnung ist, wird der Text "Hallo, Welt" an das Terminal ausgegeben. Von nun an können Sie die Codebeispiele aus diesem Lernprogramm entweder mithilfe der Node REPL-Datei oder durch Speichern in einer Datei testen.  

Ein Programm entwerfen

Bevor Sie Code schreiben, sollten Sie sich etwas Zeit nehmen, um das Problem zu verstehen. Welche Daten benötigen Sie? Was ist das Ergebnis Welche Tests muss Ihr Programm bestehen?? 

Wenn Sie die Anforderungen des Programms verstehen, können Sie die Schritte zur Lösung des Problems schreiben. Die Schritte sind Ihr Algorithmus. Ihr Algorithmus ist kein Code. Es gibt einfache Englischanweisungen (ersetzen Sie Englisch durch Ihre Muttersprache), um das Problem zu lösen. Wenn Sie beispielsweise einen Algorithmus für das Kochen von Top-Ramen schreiben möchten, könnte dies folgendermaßen aussehen:

  1. Oberteil aus dem Becher nehmen.
  2. Leerer Gewürzsatz in die Tasse.
  3. Tasse mit Wasser füllen.
  4. Mikrowelle 2 Minuten hoch.
  5. 1 Minute abkühlen lassen.

Ja, ich hatte Hunger, als ich daran dachte. Und nein, das ist nicht etwas, das Sie eigentlich als Programmierproblem darstellen würden. Hier ist ein Beispiel für ein Problem, das praktischer ist. Es ist ein Algorithmus zur Berechnung des Durchschnitts einer Liste von Zahlen.

  1. Berechnen Sie die Summe aller Zahlen.
  2. Holen Sie sich die Gesamtzahl der Zahlen.
  3. Teilen Sie die Summe durch die Summe.
  4. Gib das Ergebnis zurück.

Das Problem zu verstehen und einen Algorithmus zu entwickeln, sind die wichtigsten Schritte bei der Programmierung. Wenn Sie sich in Ihrem Algorithmus sicher fühlen, sollten Sie einige Testfälle schreiben. Die Tests zeigen, wie sich Ihr Code verhalten soll. Sobald Sie Ihre Tests haben, schreiben Sie Code und optimieren ihn, bis Ihre Tests erfolgreich sind. Je nachdem, wie komplex Ihr Problem ist, muss möglicherweise jeder einzelne Schritt in Ihrem Algorithmus weiter aufgeschlüsselt werden.  

Aufgabe

Schreiben Sie einen Algorithmus, um die Fakultät einer Zahl zu berechnen. Die Fakultät einer Zahl * n * ist das Produkt aller ganzen Zahlen von 1 bis * n *. Zum Beispiel 4! (4 Fakultät) ist 1 x 2 x 3 x 4 = 24.  

Syntax

Ein Programm ähnelt der Sprache, mit der wir sprechen. Der einzige Unterschied besteht darin, dass eine Programmiersprache dazu dient, mit dem Computer (und anderen Programmierern, die sie verwenden müssen) zu kommunizieren. Die Regeln für die Erstellung des Programms richten sich nach seiner Syntax. Programme bestehen aus Anweisungen. Eine Aussage kann als Satz verstanden werden. In JavaScript müssen Sie am Ende einer Anweisung ein Semikolon setzen. Beispiel:

a = 2 + 2; 

Anweisungen bestehen aus Ausdrücken. Ausdrücke sind wie die Betreff- / Vergleichselementteile eines Satzes. In einer Programmiersprache haben Ausdrücke einen Wert. Ausdrücke bestehen aus Schlüsselwörtern wie var und zum Welches sind die eingebauten Vokabeln der Sprache? Daten wie eine Zahl oder eine Zeichenfolge; und Betreiber mögen + und =. Beispiel:

2 + 2 

Hier ist eine Liste von arithmetischen Operatoren:

  • + - Zusatz
  • - - Subtraktion 
  • ** - Potenzierung
  • * - Multiplikation
  • / - Einteilung
  • % - Rest
  • ++ - Zuwachs
  • -- - Dekrementieren

Der Restoperator gibt den Rest zurück, nachdem er zwei Zahlen geteilt hat. Zum Beispiel, 4% 2 gibt 0 und zurück 5% 3 Returns 2. Der Restoperator wird häufig verwendet, um herauszufinden, ob ein Wert gerade oder ungerade ist. Sogar Werte haben eine Rest 0.  

Aufgabe

Ermitteln Sie den Wert der folgenden Ausdrücke. Schreiben Sie zuerst Ihre Antworten auf und überprüfen Sie sie in Ihrer REPL.

  • 9% 3
  • 3% 9
  • 3% 6
  • 3% 4
  • 3% 3
  • 3% 2

Variablen

Eine Variable ist ein Name, der einen Wert im Arbeitsspeicher des Computers darstellt. Jeder Wert, den wir speichern oder immer wieder verwenden möchten, sollte in einer Variablen gespeichert werden. Eine Möglichkeit, Variablen zu erstellen, ist mit der var Stichwort. Die bevorzugte Methode ist jedoch die Verwendung der Lassen oder const Schlüsselwörter. Hier einige Beispiele für die Verwendung von let zum Erstellen von Variablen:

Eine Variable deklarieren:

lass ein;

Eine Variable deklarieren und initialisieren:

sei a = 1;

Eine Variable neu zuweisen:

a = 2;

Konstanten sind Variablen, die sich nicht ändern können. Sie können nur einmal vergeben werden. Konstanten mit Objekten oder Arrays als Werte können weiterhin geändert werden, da sie per Referenz zugewiesen werden. Die Variablen enthalten keinen Wert. Sie zeigen stattdessen auf die Position des Objekts. Beispiel:

const a = foo: 1, Takt: 2; a.baz = 3; console.log (a); // zeigt foo: 1, bar: 2, baz: 3 an 

Dies gibt jedoch einen Fehler:

const a = foo: 1, Takt: 2; a = ; console.log (a); 

Datentypen

Datentypen haben Regeln, wie sie bearbeitet werden können. Wenn wir zum Beispiel zwei Zahlen hinzufügen, erhalten wir deren Summe. Wenn wir jedoch eine Zahl mit einer Zeichenfolge hinzufügen, erhalten wir eine Zeichenfolge. Hier ist eine Liste der verschiedenen Datentypen:

  • Undefiniert: Eine Variable, der kein Wert zugewiesen wurde
  • Null: kein Wert
  • Boolean: eine Entität, die den Wert true oder false hat
  • String: eine Folge von Zeichen
  • Symbol: ein einzigartiger, unveränderlicher Schlüssel
  • Zahl: Ganzzahl- und Dezimalwerte
  • Objekt: eine Sammlung von Eigenschaften

Eine Zeichenfolge ist ein Datentyp, der aus Zeichen besteht. Eine Zeichenfolge wird in einfache oder doppelte Anführungszeichen gesetzt. Strings verfügen auch über Methoden, mit denen Sie Aktionen ausführen können. Im Folgenden finden Sie einige Beispiele für Aktionen, die Sie für Zeichenfolgen ausführen können.

Stellen Sie fest, ob eine Zeichenfolge mit einer Teilzeichenfolge beginnt:

"Hallo, Welt" .startsWith ("Hallo"); //wahr 

Stellen Sie fest, ob eine Zeichenfolge mit einer Teilzeichenfolge endet:

"Hallo Welt" .endsWith ("Welt"); //wahr

Stellen Sie fest, ob sich eine Teilzeichenfolge irgendwo in einer Zeichenfolge befindet:

"Hallo Welt". Enthält ("Welt"); //wahr

Wiederholen Sie eine Zeichenfolge eine bestimmte Anzahl von Zeiten:

"Hallo" .wiederholung (3); //Hallo hallo hallo

Wir können einen String mit dem Spread-Operator in ein Array umwandeln: 

lass str = [… "hallo"]; console.log (str); //[ 'Hallo' ]

Vorlagenliterale sind eine besondere Art von Zeichenfolgen, die Backticks verwenden: ". Wir können sie verwenden, um Variablen wie folgt in einen String einzufügen:

let name = "World"; Begrüßung = 'Hallo, $ Name'; console.log (Begrüßung); //Hallo Welt 

Wir können mehrzeilige Zeichenfolgen wie folgt erstellen:

' 

Hallo Welt

'

Rezension

Wir haben gesehen, wie wir unsere Entwicklungsumgebung mit Node einrichten. Der erste Schritt zur Programmierung besteht darin, die Schritte zur Lösung des Problems zu schreiben. Dies wird als Algorithmus bezeichnet. Der eigentliche Code besteht aus vielen Anweisungen. Anweisungen sind die Anweisungen des Programms und setzen sich aus Ausdrücken zusammen. Ausdrücke sind in unserem Programm nützlich, wenn wir sie Variablen zuweisen. Variablen werden mit erstellt Lassen oder const Stichwort. 

In Teil 2 werde ich die Bedingungen erklären. 

Ressourcen

  • repl.it
  • Erhabener Text
  • Node.js
  • ES6-Spezifikation
  • Sie kennen JS: ES6 und darüber hinaus nicht