Übungen zum Gültigkeitsbereich (Scope)

Der Gültigkeitsbereich (englisch: Scope) bestimmt, wo im Code eine Variable oder Konstante sichtbar und verwendbar ist.

Bei diesen Übungen gilt: Erst überlegen, dann ausführen!

Aufgabe 1: Block-Scope mit Modifikation (Einstieg)

Was gibt dieser Code aus?

let x = 10;
 
if (true) {
  let x = 20;
  x = x + 5;
  console.log("Innerhalb:", x);
}
 
x = x + 1;
console.log("Außerhalb:", x);

Ausgabe: ____________________________________

Aufgabe 2: Zugriff auf äußere Variablen (Einstieg)

Was gibt dieser Code aus?

let name = "Anna";
 
function greet() {
  name = "Bernd";
  console.log("Hallo " + name);
}
 
greet();
console.log("Name ist jetzt:", name);

Ausgabe: ____________________________________

Aufgabe 3: Fehler finden (Übung)

Dieser Code erzeugt einen Fehler. Welchen und warum?

let counter = 0;
 
function increment() {
  counter = counter + 1;
  let counter = 10;
  console.log("In Funktion:", counter);
}
 
increment();

↑ Markiere den Fehler im Code.

Ausgabe/Fehler: ____________________________________

Korrektur: ____________________________________

Aufgabe 4: Funktionen in Funktionen (Übung)

Was gibt dieser Code aus?

const x = "global";
 
function outer() {
  const x = "outer";
 
  function inner() {
    const x = "inner";
    console.log(x);
  }
 
  inner();
  console.log(x);
}
 
outer();
console.log(x);

Ausgabe: ____________________________________

Aufgabe 5: Praktisches Beispiel korrigieren (Vertiefung)

Finde den Fehler und korrigiere ihn:

function isAdult(age) {
  if (age >= 18) {
    const status = "erwachsen";
  } else {
    const status = "minderjährig";
  }
  return status;
}
 
console.log(isAdult(25));

↑ Markiere den Fehler im Code.

Ausgabe/Fehler: ____________________________________

Korrektur: ____________________________________

Aufgabe 6: Closure (Vertiefung)

Was gibt dieser Code aus?

function createCounter() {
  let count = 0;
 
  function increment() {
    count = count + 1;
    return count;
  }
 
  return increment;
}
 
const counter = createCounter();
console.log(counter());
console.log(counter());
console.log(counter());

Ausgabe: ____________________________________

Zusammenfassung