JavaScript ist eine dynamische Sprache, die objektorientierte, imperative und deklarative Stile (z. B. funktionale Programmierung) unterstützt.
Variablen
In JavaScript gibt es einige grundlegende Wege, Namen Werte zuzuweisen: mit Variablen oder Konstanten.
Bei Exercism werden Variablen immer in camelCase geschrieben, Konstanten in SCREAMING_SNAKE_CASE.
Es gibt keinen offiziellen Leitfaden, an den du dich halten musst, und verschiedene Unternehmen und Organisationen haben unterschiedliche Styleguides.
Schreib Variablen ruhig so, wie du möchtest.
Der Vorteil, wenn du sie so schreibst, wie es die Übungen vorgeben, ist, dass sie in der Web-Oberfläche und in den meisten IDEs anders hervorgehoben werden.
Variablen in JavaScript können mit dem Schlüsselwort const, let oder var definiert werden.
Wenn du let oder var verwendest, kann eine Variable im Laufe ihres Lebens auf verschiedene Werte verweisen.
Zum Beispiel kann myFirstVariable mit dem Zuweisungsoperator = viele Male definiert und neu definiert werden:
let myFirstVariable = 1;
myFirstVariable = 'Some string';
myFirstVariable = new SomeComplexClass();
Im Gegensatz zu let und var können Variablen, die mit const definiert werden, nur einmal zugewiesen werden.
So werden in JavaScript Konstanten definiert.
const MY_FIRST_CONSTANT = 10;
// Can not be re-assigned.
MY_FIRST_CONSTANT = 20;
// => TypeError: Assignment to constant variable.
💡 In einer späteren Konzeptübung wird der Unterschied zwischen der Zuweisung, der Bindung und dem Wert einer Konstante untersucht und erklärt.
Funktionsdeklarationen
In JavaScript werden Einheiten von Funktionalität in Funktionen gekapselt, wobei Funktionen, die zusammengehören, meist in derselben Datei zusammengefasst werden.
Diese Funktionen haben Parameter (und können daher Argumente entgegennehmen) und können mit dem Schlüsselwort return einen Wert zurückgeben.
Funktionen werden mit der Syntax () aufgerufen.
function add(num1, num2) {
return num1 + num2;
}
add(1, 3);
// => 4
In diesem Beispiel heißt die Funktion add.
Sie hat zwei Parameter, num1 und num2.
Sie gibt einen Wert zurück: das Ergebnis des Ausdrucks num1 + num2.
Dann wird die Funktion add mit zwei Argumenten aufgerufen: 1 und 3.
Das Ergebnis der Funktion, also der Rückgabewert, ist 4.
💡 In JavaScript gibt es viele verschiedene Möglichkeiten, eine Funktion zu deklarieren.
Einige dieser anderen Möglichkeiten sehen anders aus als die Verwendung des Schlüsselworts function.
Der Track versucht, sie nach und nach einzuführen, aber wenn du sie schon kennst, kannst du jede davon verwenden.
In den meisten Fällen ist die eine oder die andere nicht besser oder schlechter.
Für andere Dateien verfügbar machen
Um eine function, eine Konstante oder eine Variable in anderen Dateien verfügbar zu machen, müssen sie mit dem Schlüsselwort export exportiert werden.
Eine andere Datei kann diese dann mit dem Schlüsselwort import importieren.
Das nennt man auch das Modulsystem.
Ein gutes Beispiel dafür ist, wie alle Tests funktionieren.
Jede Übung hat mindestens eine Datei, zum Beispiel lasagna.js, die die Implementierung enthält.
Die Implementierung wird mit export aus der Datei exportiert und steht damit in einer anderen Datei zum Import zur Verfügung.
Außerdem gibt es mindestens eine weitere Datei, zum Beispiel lasagna.spec.js, die die Tests enthält.
Diese Datei importiert die öffentlichen (also die mit export freigegebenen) Einheiten, um die Implementierung zu testen:
// file.js
export const MY_VALUE = 10;
export function add(num1, num2) {
return num1 + num2;
}
// file.spec.js
import { MY_VALUE, add } from './file';
add(MY_VALUE, 5);
// => 15
Lernübung
