Variablen
Variablen speichern Werte unter einem Namen. let und const sind die modernen Deklarationen — var ist Geschichte.
Ansicht
01
Verstehen
Lies die Kernidee und das Beispiel.
02
Prüfen
Beantworte die Aktiv-Checks.
03
Anwenden
Setze die Transferaufgabe um.
Lerninhalt
Verstehen & anwenden
let und const
const deklariert eine Variable, die nicht neu zugewiesen werden kann — der Standard für fast alles.
let ist für Werte, die sich wirklich ändern, etwa Zähler.
var stammt aus altem JavaScript und hat überraschende Gültigkeitsregeln — nicht mehr verwenden.
const name = 'Ada';
let punkte = 0;
punkte = punkte + 10;
// name = 'Grace'; // Fehler: constDatentypen
Primitive Typen: string, number, boolean, undefined, null, bigint und symbol.
Objekte und Arrays sind Referenztypen — dazu später mehr.
JavaScript ist dynamisch typisiert: Der Typ hängt am Wert, nicht an der Variablen.
typeof
typeof liefert den Datentyp eines Werts als String.
Achtung, historische Kuriosität: typeof null ergibt "object".
typeof 'Text'; // 'string'
typeof 42; // 'number'
typeof true; // 'boolean'
typeof undefined; // 'undefined'Vertiefung
Werte, Typen und Referenzen
Primitive Werte wie string, number und boolean werden direkt gespeichert. Objekte und Arrays sind Referenztypen: Eine Zuweisung kopiert nur den Verweis, nicht den Inhalt.
const schützt die Bindung, nicht den Inhalt. Ein const-Objekt darfst du verändern, aber nicht durch ein neues Objekt ersetzen. Deshalb ist const für die meisten Variablen die richtige Wahl.
const profil = { name: "Ada" };
profil.name = "Grace"; // erlaubt
// profil = {}; // Fehler
let punkte = 10;
punkte = 20; // erlaubtMerksatz: const bedeutet „diese Bindung bleibt“, nicht „dieser Wert ist unveränderlich“.
Übungsaufgabe
Profilkarte
Lege Variablen für Name, Punktzahl und Aktivstatus an. Gib alle Werte und ihre Typen mit typeof aus. Erhöhe die Punktzahl anschließend um 10.
Das soll dein Programm können
- const für Name und Status
- let für die Punktzahl
- typeof-Ausgaben für alle drei Werte
- Punktzahl wird neu zugewiesen
Schreibe den Code hier oder in deiner IDE und vergleiche ihn dann mit der Lösung.
Dein Code wird automatisch auf diesem Gerät gespeichert.
Hinweis anzeigen
typeof gibt einen String zurück. Für die Ausgabe kannst du console.log("name:", typeof name) verwenden.
Lösung anzeigen
const name = "Ada";
let punkte = 0;
const aktiv = true;
console.log(name, typeof name);
console.log(punkte, typeof punkte);
console.log(aktiv, typeof aktiv);
punkte = punkte + 10;
console.log("Neue Punktzahl:", punkte);Warum funktioniert das?
name und aktiv bleiben unverändert, punkte ist mit let veränderbar. typeof zeigt, dass JavaScript den Typ am Wert festmacht.
Aktiv-Check
Teste dein Verständnis
Erkennen: Welcher Abschnitt passt?
Welcher Abschnitt passt zu diesen Begriffen?
Transfer
Mini-Projekt: Der Lernzähler
Baue einen kleinen Zähler, der bei jedem Klick hochzählt und den Wert im DOM anzeigt. Erweitere ihn um einen Reset-Button.
Selbstcheck
Kann ich das schon?
Hake ab, was du wirklich erklären oder selbst bauen könntest.
Fortschritt
Bereit zum Abschließen?
Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.