0Pricing
JavaScript Academy · Lektion

let, const und var vermeiden

Grundlagen von let und const, Gründe für das Vermeiden von var, Block-Scope und eine behutsame Einführung in die Temporal Dead Zone (TDZ).

let, const und var vermeiden ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Einführung

Ziel: Verwenden Sie let und const sicher, vermeiden Sie das veraltete var und verstehen Sie Block-Sichtbarkeit und TDZ.

  • let und const im Vergleich
  • Block-Sichtbarkeit
  • TDZ-Sicherheit
let, const und var vermeiden — Illustration 1

Grundlagen von let und const

Regel: Verwenden Sie const, sofern Sie keine Neuzuweisung planen. Andernfalls wählen Sie let.

// Prefer const by default; use let when you need to reassign
const appName = "CoddyKit";   
// cannot reassign
let score = 0;                
// can reassign

score = score + 1;
console.log("App:", appName);
console.log("Score:", score);
let, const und var vermeiden — Illustration 2

Warum Sie var vermeiden sollten

Vermeiden Sie var, weil:

  • es an Funktionen gebunden ist und nicht an Blöcke.
  • es hochgezogen wird und vor der Deklaration als undefined gelesen werden kann.
  • es Refactorings schwieriger und das Verhalten weniger vorhersehbar macht.
let, const und var vermeiden — Illustration 3

Demo zur Block-Sichtbarkeit

Block-Sichtbarkeit hilft dabei, Variablen lokal zu halten und Ihren Code übersichtlich zu gestalten.

// Block scope: variables exist only inside the braces
let lives = 3;

if (true) {
  const bonus = 10;      
 // only inside this block
  let level = 2;          
// only inside this block
  console.log("Inside:", bonus, level);
}

console.log("Lives:", lives);
// The following would be ReferenceError if uncommented:
// console.log(bonus, level);
let, const und var vermeiden — Illustration 4

TDZ (sichere Demo)

TDZ: Eine let- oder const-Variable kann nicht vor ihrer Deklarationszeile gelesen werden. Das verhindert viele Fehler.

// TDZ: accessing let/const before declaration throws ReferenceError
try {
  // Uncommenting next line would throw:
  // console.log(theme);   
  // ReferenceError (TDZ)
  let theme = "dark";
  console.log("Theme after declare:", theme);
} catch (e) {
  console.log("Caught:", e.message);
}
let, const und var vermeiden — Illustration 5

Benennung und Tipps

Benennung:

  • Verwenden Sie aussagekräftige Substantive für Daten (userName, score).
  • Verwenden Sie Verben für Funktionen (computeTotal).
  • Halten Sie den Gültigkeitsbereich eng und deklarieren Sie Variablen nahe an ihrer Verwendung.
let, const und var vermeiden — Illustration 6

Quiz zu let und const

Kurzer Check: Block-Sichtbarkeit und Neuzuweisung.

let, const und var vermeiden — Illustration 7

Zusammenfassung

Zusammenfassung: Bevorzugen Sie const, verwenden Sie let, wenn eine Neuzuweisung erforderlich ist, und vermeiden Sie var. Block-Sichtbarkeit hält Variablen lokal, und die TDZ schützt vor Fehlern durch zu frühen Zugriff.

let, const und var vermeiden — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „let, const und var vermeiden“ kostenlos?

Ja — der vollständige Text von „let, const und var vermeiden“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „let, const und var vermeiden“?

Grundlagen von let und const, Gründe für das Vermeiden von var, Block-Scope und eine behutsame Einführung in die Temporal Dead Zone (TDZ). Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.

Wie lange dauert die Lektion „let, const und var vermeiden“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. let, const und var vermeiden
  2. Block-, Funktions- und Modul-Scope sowie die TDZ
  3. Benennung, Lesbarkeit und häufige Fallstricke
← Zurück zu JavaScript Academy