Lexical Scope in JavaScript

Lexical Scope (auch bekannt als Static Scope oder Lexical Scoping) ist ein Konzept in der JavaScript-Programmierung, das bestimmt, wie Variablen in einem Programm aufgelöst werden, basierend auf ihrer Position im Quellcode.

Das Lexical Scope basiert auf der Struktur des Quellcodes, unabhängig davon, wie oder wann die Funktion aufgerufen wird. Anders ausgedrückt: Die Gültigkeit von Variablen wird statisch bestimmt, wenn der Code geschrieben wird, und ändert sich nicht zur Laufzeit.

Um das Konzept des Lexical Scopes besser zu verstehen, betrachten wir ein einfaches Beispiel:

function outerFunction() {
  let outerVariable = "I am outside!";

  function innerFunction() {
    console.log(outerVariable); // Zugriff auf outerVariable
  }

  innerFunction();
}

outerFunction();

In diesem Beispiel hat die innere Funktion innerFunction Zugriff auf die Variable outerVariable, die in der äußeren Funktion outerFunction definiert ist. Das liegt daran, dass die innere Funktion in einem Lexical Scope liegt, der ihren äußeren Kontext umfasst, und somit auf die Variable outerVariable zugreifen kann. Das Lexical Scope erlaubt also verschachtelte Funktionen, wobei jede innere Funktion Zugriff auf die Variablen hat, die in ihrem äußeren Kontext definiert sind.

Lexical Scope ist eng mit dem Konzept der Closures verbunden. Closures entstehen, wenn eine Funktion auf Variablen außerhalb ihres eigenen Gültigkeitsbereichs zugreift und diese Variablen im Lexical Scope des äußeren Kontexts eingefangen werden.

Zusammengefasst ermöglichst das Lexical Scope eine klare und vorhersagbare Behandlung von Variablen und Funktionen, basierend auf ihrer Position im Quellcode. Dies trägt zur Schaffung robuster und leicht verständlicher Codebasis bei.