Schließen und Umfang in Javascript verstehen: Praktische Implikationen und Beispiele

Diese Konzepte beeinflussen, wie auf Variablen innerhalb von Funktionen und Blöcken zugegriffen und gewartet wird. Dieser Artikel erklärt diese Ideen mit praktischen Beispielen.

Umfang in JavaScript

Der Anwendungsbereich bestimmt, wo Variablen innerhalb des Codes zugänglich sind. JavaScript hat zwei Haupttypen von Anwendungsbereich: global und lokal. Variablen, die außerhalb einer Funktion deklariert sind, sind global, während die deklarierten innerhalb von Funktionen lokal für diese Funktion sind.

Der Blockumfang, der mit ES6 eingeführt wurde, gilt für Variablen, die mit und deklariert wurden.

Abschluss verstehen

Eine Schließung tritt auf, wenn eine Funktion den Zugriff auf Variablen aus ihrem äußeren Bereich behält, auch nachdem die äußere Funktion fertig ausgeführt wurde, was es Funktionen ermöglicht, sich an die Umgebung zu erinnern, in der sie erstellt wurden.

Closures sind nützlich für die Datenkapselung und die Erstellung privater Variablen, die auf natürliche Weise gebildet werden, wenn Funktionen innerhalb anderer Funktionen definiert und Variablen zurückgegeben oder zugewiesen werden.

Praktisches Beispiel

Betrachten Sie eine einfache Zählerfunktion, die die Schließung verwendet, um ihre Zählung zu erhalten:

Codebeispiel:

Funktion createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}

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

Zusammenfassung

Das Verständnis des Umfangs hilft beim Verwalten der variablen Zugänglichkeit, während Schließungen Funktionen ermöglichen, den Zustand zu erhalten. Zusammengenommen sind diese Konzepte grundlegend für das Schreiben von effektivem JavaScript-Code.