HTMLCSSJavaScriptIndexRoadmapImpressum

Variablen und Konstanten

Variablen und Konstanten speichern Werte, die du in deinem JavaScript-Code später wieder verwenden kannst – zum Beispiel einen Namen, eine Zahl oder ein Ergebnis.

In JavaScript musst du im Gegensatz zu anderen Programmiersprachen keinen Datentyp beim Deklarieren einer Variable angeben.

Was ist eine Variable?

Eine Variable ist wie eine beschriftete Box, in der du einen Wert ablegst. Du gibst der Box einen Namen und kannst den gespeicherten Wert im Code über diesen Namen abrufen.

Variable anlegen

1let name = "Anna";
2let alter = 25;
3
4console.log(name);
5console.log(alter);

Output

Anna

25

  • let name = "Anna"; legt eine Variable mit dem Wert „Anna“ an.
  • let alter = 25; speichert die Zahl 25.
  • Mit console.log() kannst du die Werte in der Konsole ausgeben.

Variablen ändern

Variablen, die mit let erstellt wurden, können später einen neuen Wert bekommen. Du musst dafür kein let erneut schreiben – nur den neuen Wert zuweisen.

Variable ändern

1let punkte = 10;
2console.log(punkte);
3
4punkte = 20;
5console.log(punkte);

Output

10

20

Zuerst hat punkte den Wert 10, danach wird der Wert auf 20 geändert.

let, const, var

In JavaScript gibt es drei Schlüsselwörter, um Variablen anzulegen: let, const und var. Heute verwendest du meist const und let.

let, const und var

1const pi = 3.14;
2let zaehler = 0;
3var alt = "veraltet";

Wann verwendest du const

const verwendest du, wenn sich ein Wert nicht ändern soll. Das ist die beste Wahl, wenn du einen festen Wert speicherst.

  • Beispiel: const pi = 3.14;
  • Der Wert kann später nicht neu zugewiesen werden.
  • Regel: Im Zweifel zuerst const verwenden.

Wann verwendest du let

let verwendest du, wenn sich ein Wert ändern kann.

  • Beispiel: let zaehler = 0;
  • Später möglich: zaehler = zaehler + 1;
  • Gut für Zähler, Benutzereingaben oder wechselnde Werte.

Wann verwendest du var

var ist die ältere Schreibweise in JavaScript. Du wirst sie in älterem Code noch sehen, solltest sie aber in neuen Projekten nicht mehr verwenden.

  • let und const sind moderner und übersichtlicher.
  • var kann in manchen Fällen zu unerwartetem Verhalten führen.
  • Für deinen Einstieg reicht: const und let.

Im nächsten Kapitel lernst du: Datentypen