Scope und Kontext

Scope Konzepte

Scoping: Wie die Variablen in unserem Programm organisiert und auf sie zugegriffen wird. “Wo befinden sich die Variablen? ” oder “Wo können wir auf eine bestimmte Variable zugreifen, und wo nicht?” Lexical Scoping: Das Scoping wird durch Platzierung von Funktionen und Blöcken im Code gesteuert Scope: Raum oder Umgebung, in der eine bestimmte Variable deklariert wird (Variablenumgebung im Falle von Funktionen). Es gibt den Global Scope, den Function Scope und den Block Scope Scope einer Variable: Bereich in unserem Code, in dem auf eine bestimmte Variable zugegriffen werden kann

3 Arten von Scopes

Global Scope

const me = 'Jonas';
const job = 'teacher';
const year = 1989;

Ausserhalb einer Funktion oder eines Blocks
Im globalen Bereich deklarierte Variablen sind überall zugänglich

Function Scope

function calcAge(birthYear) {
  const now = 2037;
  const age = now - birthyear;
  return age;
}

console.log(now);

Variablen sind nur in Funktionen zugänglich, nicht ausserhalb
Gilt für alle Funktionstypen
Auch Local Scope genannt

Block Scope

if (year >= 1981 && year <= 1996) {
  const millenial = true;
  const food = 'Avocado toast';
}

console.log(millenial);

Variablen sind nur innerhalb des Blocks zugänglich
Gilt nur für let und const Variablen
Funktionen sind ebenfalls Block Scoped (im Strict Mode)

HTML

CSS

JavaScript

TypeScript

React

Angular

Scope Konzepte

3 Arten von Scopes

Global Scope

Function Scope

Block Scope

this Keyword

Call, Apply und Bind

Hoisting und Temporal Dead Zone (TDZ)

​Scope Konzepte﻿

​3 Arten von Scopes﻿

​Global Scope﻿

​Function Scope﻿

​Block Scope﻿

this Keyword

Call, Apply und Bind

Hoisting und Temporal Dead Zone (TDZ)

Scope Konzepte

3 Arten von Scopes

Global Scope

Function Scope

Block Scope