Variablen: let und const

Eine Variable ist ein Name für einen Wert. Nach let score = 10 steht das Wort score für 10, bis du ihm etwas anderes gibst.

Einem Wert einen Namen geben, um ihn wiederzuverwenden

Bisher wurde jeder Wert direkt in console.log getippt und dann vergessen. Echte Programme müssen sich Dinge merken: den Punktestand der Spielerin, die Artikel im Warenkorb, den Namen, den jemand eingetippt hat. Eine Variable ist eine beschriftete Kiste, die einen Wert enthält. Du legst sie einmal an und verwendest dann ihren Namen überall, wo du den Wert brauchst.

let score = 10;
console.log(score);        // 10
console.log(score + 5);    // 15

Die Zeile let score = 10; macht zwei Dinge. Das Schlüsselwort let deklariert eine neue Variable namens score, und = 10 legt den Wert 10 hinein. Das Gleichheitszeichen bedeutet hier nicht „ist gleich“ wie in Mathe. Es bedeutet „speichere den Wert rechts unter dem Namen links“. Programmierer nennen das Zuweisung. Taucht score später ohne Anführungszeichen auf, schaut JavaScript in die Kiste und verwendet den Wert darin.

Einen Wert mit let ändern

Eine mit let deklarierte Variable kann später einen neuen Wert bekommen. Du schreibst den Namen, ein Gleichheitszeichen und den neuen Wert, diesmal ohne let, weil die Variable schon existiert:

let score = 10;
score = 25;
console.log(score);        // 25
score = score + 5;
console.log(score);        // 30

Die Zeile score = score + 5; sieht als Mathematik unmöglich aus, aber als Befehl gelesen ergibt sie Sinn. JavaScript wertet zuerst die rechte Seite aus, den aktuellen Punktestand plus 5, also 30. Dann speichert es 30 zurück in score. Der alte Wert ist weg. Dieses Muster, eine Variable lesen und einen aktualisierten Wert hineinspeichern, ist die Art, wie Programme zählen, Summen bilden und alles verfolgen, was sich ändert.

const für Werte, die bleiben

Das Schlüsselwort const deklariert ebenfalls eine Variable, aber sie muss sofort einen Wert bekommen und kann nie einen neuen zugewiesen bekommen. Versucht man es doch, bricht das Programm mit TypeError: Assignment to constant variable ab. Dieser Fehler ist nützlich. Wenn sich ein Wert nicht ändern soll, etwa die Zahl der Tage einer Woche oder ein Steuersatz, sorgt const dafür, dass ein Fehler an anderer Stelle im Programm ihn nicht unbemerkt überschreiben kann.

const daysInWeek = 7;
console.log(daysInWeek * 4);   // 28
// daysInWeek = 8;  würde mit einem TypeError abbrechen

Eine gute Gewohnheit, die viele Styleguides empfehlen: Nimm standardmäßig const und wechsle nur zu let, wenn du weißt, dass sich der Wert ändern wird. Im Netz siehst du vielleicht auch das ältere Schlüsselwort var. Es funktioniert noch, folgt aber lockereren Regeln, die zu überraschenden Fehlern führen. Deshalb verwendet dieser Kurs nur let und const.

Regeln für Namen

Ein Variablenname darf Buchstaben, Ziffern, den Unterstrich _ und das Dollarzeichen $ enthalten, aber er darf nicht mit einer Ziffer beginnen und keine Leerzeichen enthalten. total2 ist also in Ordnung, 2total nicht. Namen unterscheiden Groß- und Kleinschreibung: score und Score sind zwei verschiedene Variablen. Einige Wörter wie let, const, if und for sind von der Sprache reserviert und können nicht als Namen dienen. Besteht ein Name aus mehreren Wörtern, schreiben JavaScript-Programmierer ihn meist in camelCase: das erste Wort klein und jedes weitere mit einem Großbuchstaben am Anfang, wie in totalPrice oder daysInWeek. Wähle Namen, die sagen, was der Wert bedeutet. price verrät einer Leserin viel mehr als x.

Deklariert, aber leer, und zu früh benutzt

Schreibst du let answer; ohne Wert, existiert die Variable, enthält aber undefined, bis du etwas zuweist. Eine let- oder const-Variable in einer Zeile oberhalb ihrer Deklaration zu benutzen, ist ein Fehler: ReferenceError: Cannot access 'answer' before initialization. Einen Namen zu benutzen, der nie deklariert wurde, ergibt ReferenceError: answer is not defined. Beide Meldungen bedeuten praktisch dasselbe: Prüf die Schreibweise und prüf, dass die Deklaration zuerst kommt.