JavaScript Mittelstufe Tag 1: Scope & Closures

Ziel dieses Tages

Heute wirst du lernen:

• Globaler vs. lokaler Scope
• Block-Scope mit let und const
• Closures und warum sie wichtig sind

Am Ende verstehst du, wie Variablen in JavaScript funktionieren und wie lange sie “leben”.

Schritt 1: Scope

Scope bestimmt, wo eine Variable verfügbar ist.

• Globaler Scope: Variable ist überall verfügbar
• Lokaler Scope: Variable ist nur innerhalb einer Funktion verfügbar
• Block-Scope: Mit let und const sind Variablen nur im Block gültig

Schritt 2: Closures

Eine Closure ist eine Funktion, die sich an Variablen aus ihrem äußeren Scope erinnert, auch wenn dieser bereits ausgeführt wurde.

function outer() {
  let count = 0;

  return function inner() {
    count++;
    return count;
  };
}

const counter = outer();
console.log(counter()); // 1
console.log(counter()); // 2

Erklärung:

• Die Funktion inner hat weiterhin Zugriff auf count, obwohl outer bereits beendet ist
• Damit kann man private Variablen erstellen

Übung

function outer() {
  let count = 0;

  return function inner() {
    count++;
    return count;
  };
}

const counter = outer();
console.log(counter()); // 1
console.log(counter()); // 2

Aufgabe

Erstelle eine Counter-Funktion mit Closure, die:

• Bei 0 startet
• Bei jedem Aufruf um 1 erhöht
• Den Wert zwischen Aufrufen speichert

Beispiel:

function createCounter() {
  let count = 0;

  return function() {
    count++;
    return count;
  };
}

const myCounter = createCounter();
console.log(myCounter()); // 1
console.log(myCounter()); // 2
console.log(myCounter()); // 3