Lädt...

JavaScript-Variablen

Kommentare kennen Sie schon: Notizen für Menschen, kein Speicher fürs Programm. Jetzt kommen Variablen — benannte Behälter, damit Sie dieselbe Zahl oder denselben Text nicht ständig neu tippen.

Was ist eine JavaScript-Variable und wie deklariert man sie?

Eine Variable ist ein Name, der einen Wert hält. Mit let oder const legen Sie den Namen an (deklarieren) und setzen mit = einen Wert. Danach rufen Sie den Namen auf statt den Wert zu wiederholen. Kann sich der Wert später ändern, nehmen Sie let; soll er nach der ersten Zuweisung gleich bleiben, const. In altem Code sehen Sie manchmal var; für Einsteiger in diesem Kurs reichen und bevorzugen wir let und const.

Welches Schlüsselwort nehmen?

📊 let, const oder var für Einsteiger

Schlüsselwort Beispiel Tipp für Einsteiger
let let score = 10; Namen anlegen; später darf ein neuer Wert kommen
const const city = "Oslo"; Namen anlegen; nach dem ersten Wert nicht neu zuweisen
var var old = 1; älterer Stil; funktioniert, hier aber let / const nutzen
Zeichen = score = 15; legt einen Wert in einen bereits mit let angelegten Namen
Namen lesen console.log(score); holt den gespeicherten Wert — der Name steht für die Daten

Mit let anlegen und den Wert sehen

let erzeugt den Namen. Das erste = legt den Wert hinein. Mit console.log sehen Sie ihn in der Konsole.

let mit einem String

javascript 
let greeting = "Hello";
console.log(greeting);

Mit const anlegen

const speichert ebenfalls einen Wert; behandeln Sie die erste Zuweisung für diesen Namen als endgültig.

const mit fester Bezeichnung

javascript 
const course = "JavaScript";
console.log(course);

Einen let-Wert ändern

Mit let dürfen Sie erneut = setzen. Der Name bleibt; nur der Inhalt ändert sich.

let neu zuweisen

javascript 
let score = 10;
score = 15;
console.log(score);

Die Konsole zeigt 15 — die spätere Zuweisung hat 10 ersetzt.

Zuerst der Name, dann der Wert

Manchmal schreiben Sie nur let status; und weisen in der nächsten Zeile zu. Solange nichts drin liegt, nutzen Sie den Namen nicht so, als hätte er schon einen sinnvollen Wert.

Deklarieren, dann zuweisen

javascript 
let status;
status = "Ready";
console.log(status);

Zwei Namen in einem Ausdruck

Namen dürfen in einem Ausdruck stehen. Die Engine liest jeden gespeicherten Wert und berechnet das Ergebnis.

zwei Variablen in einem Ausdruck

javascript 
let a = 2;
let b = 3;
console.log(a + b);

Den Variablenwert auf die Seite bringen

Speichern Sie den Text in einer Variablen und übergeben Sie diesen Namen an textContent. Ändern Sie nur den String in der Variablen und laden Sie neu — die Überschrift folgt.

Seitentext aus einer Variablen

html 
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>

Die Überschrift zeigt, was in message liegt. Die Variable ist der wiederverwendbare Behälter; die DOM-Zeile bringt nur die Ausgabe auf die Seite — wie Sie es schon geübt haben.

Selbst ausprobieren

  1. Legen Sie ein let mit Ihrem Namen als String an, loggen Sie, weisen Sie einen anderen String zu und loggen Sie erneut.
  2. Legen Sie ein const für einen Städtenamen an und loggen Sie. Nicht neu zuweisen; bei einem Versuch erscheint ein Fehler — Zeile wieder entfernen.
  3. Schreiben Sie let total;, dann total = 5; und loggen Sie total.
  4. Zwei Zahlen mit let anlegen und die Summe mit + loggen.
  5. Im HTML-Beispiel nur den String in message ändern, neu laden und die Überschrift prüfen.

Typische Fehler

  • Den Namen nutzen, bevor er deklariert (oder sinnvoll belegt) ist
  • const score = 1; und danach score = 2; — const lehnt das ab
  • Die Zahl nur in einen Kommentar schreiben und erwarten, das Programm „merkt“ sie sich — Kommentare speichern nicht
  • Glauben, jedes Beispiel brauche var — dieser Kurs bevorzugt let und const
  • Ungültige oder verwirrende Namen (Leerzeichen, Ziffer am Anfang) — Identifier-Regeln in der Syntax-Lektion

Kurzfassung

  • Eine Variable ist ein benannter Behälter für einen wiederverwendbaren Wert
  • Mit let oder const deklarieren, mit = zuweisen
  • Mit let neu zuweisen; const nach dem ersten Wert fest lassen
  • Für Einsteigercode let und const dem älteren var vorziehen
  • Als Nächstes: Datentypen — welche Arten von Werten Variablen halten können

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
7
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 7 von 7
Javascript Tutorial