Geltungsbereiche
Was sind Geltungsbereiche?
Geltungsbereiche (engl. scope) definieren die Erreichbarkeit von Variablen, Funktionen und Objekten. In JavaScript gibt es zwei Geltungsbereiche:
- global: von überall aus erreichbar
- lokal: nur innerhalb einer Unterfunktion oder eines Objekts erreichbar
Ein Geltungsbereich entsteht dabei in Abhängigkeit davon, wo eine Variable, eine Funktion oder ein Objekt definiert wird:
HTML-Datei:
Ergebnis:
Beispiel 1
a1 =
typeof(b1) =
myFunc11() =
typeof(obj1) =
myFunc12() =
Globaler Geltungsbereich
Werden Variablen, Funktionen oder Objekte auf oberster Ebene, d. h. nicht innerhalb einer Funktion deklariert, sind diese global und können von überall aus dem JavaScript-Code einer Seite aus erreicht werden. Globale Variablen, Funktionen und Objekte werden erstellt wenn die Seite aufgerufen und gelöscht, wenn die Seite wieder geschlossen wird:
HTML-Datei:
Ergebnis:
Beispiel 2
a2 =
getNumber2() =
obj2.c =
myFunc2() =
Wird einer Variablen innerhalb einer Funktion ohne Deklaration ein Wert zugewiesen und die Funktion ausgeführt, so wird die Variable automatisch global:
HTML-Datei:
Ergebnis:
Beispiel 3
a3 =
typeof(b3) =
b3 =
myFunc3() =
Lokaler Geltungsbereich
Werden Variablen, Funktionen oder Objekte innerhalb einer Funktion deklariert, so sind sie nur lokal, d. h. innerhalb der Funktion, erreichbar:
HTML-Datei:
Ergebnis:
Beispiel 4
typeof(a4) =
typeof(localFunc) =
typeof(obj4) =
typeof(a4) =
typeof(localFunc) =
typeof(obj4) =
Abschlussübung
Als Abschlussübung kannst du folgendes Beispiel erstellen:
Beispiel 5
out =
Gehe dabei wie folgt vor:
- Erstelle die drei Funktionen „myFunc51()“, „myFunc52()“ und „myFunc54()“
- Erweitere die drei Funktionen so, dass die Variable „a5“, das Ergebnis von „myFunc53()“ und das Attribut „x“ addiert werden können
- Gib das Ergebnis auf der Seite aus
Die Lösung kannst du dir hier herunterladen:
