Variablen 📦

Beim Programmieren sind Variablen eins der wichtigsten Kernelemente.

Eine Variable kann man sich vorstellen wie eine Box mit einem Namen drauf, in die man etwas tun kann. Jede Box hat einen eigenen Namen, damit man sie auseinanderhalten kann und versteht, was darin ist. Variablen sind nützlich, um alle möglichen Dinge abzulegen und sie später wiederzuverwenden.

💡 Die Code-Felder unten kannst du direkt im Browser bearbeiten. Sobald du etwas änderst, wird der Code ausgeführt und du siehst sofort die Ausgabe darunter.

Variable Declaration

Als Erstes schauen wir uns an, wie man eine neue Variable erstellt (man nennt das auch “deklarieren” / declare). Eine neue Variable anzulegen ist — um in unserem Sinnbild von oben zu bleiben — wie einen neuen Umzugskarton zusammenzubauen, mit Edding einen Namen auf die Außenseite zu schreiben und etwas hineinzutun.

In JavaScript legt man eine Variable mit let an, gefolgt vom Namen der Variable, einem = und dem Inhalt der Variable:

Probier es selbst — ändere den Text in den Anführungszeichen:

Diese Zeile deklariert eine neue Variable mit dem Namen message und befüllt sie mit "Hallo".

"Hallo" ist ein sogenannter String. Ein String ist einfach eine beliebige Anzahl an Zeichen. "Asdf 1234" ist genau so ein String wie "A" oder ",.-1231".

Dem Computer ist egal, was in diesen Strings steht — sie sind für ihn einfach irgendein Wert, der aus Zeichen besteht. Die Anführungszeichen "" markieren sozusagen, dass in ihnen keine Anweisungen, sondern ein Wert steht.

📌 Variablennamen sind üblicherweise auf Englisch, kleingeschrieben und verwenden dieseKomischeSchreibweise (genannt camelCase), falls sie mehrere Worte lang sind — also myAge statt my_age oder MyAge.

⚠️ Variablennamen sind einzigartig. Das heißt, dass du denselben Namen nicht zweimal mit let erstellen kannst — am Ende hättest du sonst zwei Boxen mit derselben Aufschrift, und der Computer wüsste im Zweifel nicht, welche du meinst.

Assignments

Wir können auch einer Variable, die wir bereits deklariert haben, einen neuen Wert geben — sozusagen die Box leeren und etwas Neues hineintun.

Dafür schreiben wir ihren Namen, gefolgt von einem = und dem neuen Wert — also genau wie bei der Deklaration, nur ohne das let:

Access

Jetzt wissen wir, wie wir Variablen deklarieren und ihren Wert ändern. Aber wofür machen wir das eigentlich?

Wir legen Werte in Variablen ab, um sie später wiederzuverwenden. Um den Wert einer Variable irgendwo zu benutzen, schreiben wir einfach ihren Namen an die Stelle, wo ihr Wert stehen soll.

Um das auszuprobieren, führen wir aber erstmal eine neue Anweisung ein: console.log(...). Sie erwartet einen Wert zwischen den () und gibt diesen dann auf der Konsole aus — das ist die kleine Box unter jedem Code-Feld.

Beachte den Unterschied: Strings stehen in Anführungszeichen, Variablen nicht. Den Inhalt einer Variable zu lesen nennt man auch accessen.

Assignment + Access

Nun da wir wissen, wie wir einer Variable einen Wert zuweisen und wie wir auf Werte von Variablen zugreifen, können wir einer Variable auch den Wert einer anderen Variable zuweisen:

Was passiert, wenn du animal änderst, nachdem du foo zugewiesen hast? Probier es im Code-Feld oben aus — fügst du nach let foo = animal noch animal = "Dog" ein, was loggt console.log(foo) dann?

🧠 Kleine Aufgabe zwischendurch

Erstelle eine Variable lieblingstier mit deinem Lieblingstier als String und logge sie auf die Konsole.

Konstanten

Eine weitere Option zur Deklaration von Variablen ist const statt let:

const message = "Hallo"

const erstellt eine sogenannte konstante Variable. Im Unterschied zu let ist der Wert einer const-Variable nicht mehr änderbar. Man nennt eine solche Variable auch eine Konstante (constant).

Der Versuch, den Inhalt einer const-Variable zu ändern, führt zu einem Fehler. Probier’s aus: tipp etwas ins Code-Feld unten und schau dir die Fehlermeldung an, die JavaScript zurückgibt:

Die Faustregel: Verwende const, wenn sich der Wert nie ändern soll. Sonst let. Das macht deinen Code einfacher zu verstehen und schützt dich vor Fehlern.

Übung 🎯

Zeit für deine erste Übung. Setze das folgende Programm in JavaScript um. Schreib dabei eine eigene Zeile für jeden Schritt und versuch nicht, das Programm kürzer zu machen — es sollten genau drei Zeilen sein:

  1. Erstelle eine konstante Variable name, die deinen Namen enthält.
  2. Erstelle eine leere Variable awesomePerson und befülle sie mit dem Wert der name-Variable.
  3. Gib den Inhalt von awesomePerson in der Konsole aus.

Geschafft! 🚀

Du hast in diesem Kapitel gelernt:

  • let — Variable deklarieren, deren Wert sich später ändern kann
  • const — Konstante deklarieren, deren Wert sich nicht mehr ändern darf
  • Zuweisung — eine Variable bekommt einen Wert (einmalig oder erneut)
  • console.log(...) — Werte auf der Konsole ausgeben

Als Nächstes: Datentypen →

📌 Dein Fortschritt wird automatisch im Browser gespeichert. Auf der Übersichtsseite kannst du einen Link erzeugen, um deine Lösungen mit anderen zu teilen.