Ausführliche Erklärung der Schließungen in Javascript

Dieser Artikel erklärt ausführlich den Abschluss in Javascript

1. ?

Der Abschluss ist ein schwieriger Punkt in der Javascript-Sprache. Er ist für Anfänger nicht leicht zu verstehen, also werfen wir zunächst einen Blick auf die Bedeutung des Abschlusses.

Baidu-Enzyklopädie und „offizielle“ Erklärung: Der sogenannte „Abschluss“ bezieht sich auf ein System, das viele Variablen hat und diese bindet Ein Ausdruck der Umgebung der Variablen (normalerweise eine Funktion), daher sind diese Variablen auch Teil dieses Ausdrucks.

Wikipedia: In Programmiersprachen werden Abschlüsse (auch bekannt als lexikalische Abschlüsse oder Funktionsabschlüsse) in einer Technik zur Implementierung lexikalischer Gültigkeitsbereiche verwendet Namensbindung in Sprachen mit erstklassigen Funktionen.

Wir sehen jedoch, dass diese offiziellen Erklärungen nicht klar verstehen, was Schließungen sind. Sie stellen nur Fragen: „Wovon reden Sie?“

Tatsächlich ist ein Abschluss einfach eine Funktion, die die durch und innerhalb der Funktion definierten lokalen Variablen lesen kann, es gibt nur sub -Funktionen innerhalb der Funktion können nur gelesen werden, daher können wir Abschlüsse auch als innerhalb von Funktionen definierte Funktionen verstehen.

2. Funktionsvariablen

Um Abschlüsse zu verstehen, müssen wir zunächst die Variablen in der Funktion verstehen. Diese Variablen haben ihren eigenen Gültigkeitsbereich. Was ist Umfang? Im Allgemeinen gilt: Der in einem Programmcode verwendete Name ist nicht immer gültig/verfügbar, und der Codeumfang, der die Verfügbarkeit des Namens einschränkt, ist der Geltungsbereich des Namens.

Es gibt zwei Arten von Variablenbereichen , einer ist global und der andere ist lokal, was wir globale Variablen nennen lokale Variable. 　

var a=50;function fun1(){
    alert(a);
}
fun();

Im obigen Code ist a außerhalb der Funktion definiert, also in Durch Aufrufen der Variablen a innerhalb der Funktion kann natürlich deren Wert gelesen werden. Wir nennen hier eine globale Variable.

function fun2(){
    var a=50;
}
alert(a);

In diesem Code definieren wir a innerhalb der Funktion. Wenn a außerhalb der Funktion aufgerufen wird, wird eine Meldung ausgegeben einen Fehler und sagen Ihnen „a ist nicht definiert“, wir können kein finden? Haben wir a definiert? Natürlich ist es definiert! Es ist nur eine lokale Variable.

3. So finden Sie die in der Funktion „versteckten“ Variablen

Wenn wir den Tastaturcode eingeben, gibt es immer einige Gründe, die es erfordern, dass wir ins Innere gelangen Wenn wir die lokalen Variablen der Funktion verwenden, müssen wir eine Methode verwenden, um die in der Funktion „versteckten“ lokalen Variablen zu extrahieren.

Das heißt, innerhalb der Funktion definieren wir eine andere Funktion.

function fun3(){
    var a=50;
    function fun4(){
        return a;
    }
    return fun4();
}
//console.log(a); 报错
console.log(fun3());

Im obigen Code definieren wir eine Variable a in fun3, sodass wir eine Variable a außerhalb der Funktion definieren fun3 Beim Aufruf von a wird außerdem eine Fehlermeldung angezeigt, dass die Funktion fun4 innerhalb der Funktion fun3 nicht gefunden werden kann, da sich die externe a außerhalb der Funktion fun4 befindet. Wenn hingegen eine Variable in fun4 definiert ist, kann fun3 nicht aufgerufen werden. von.

Hier geht es um ein weiteres Konzept, nämlich den Kettenbereich, den wir Scope-Kette nennen. Bereichskette bedeutet, dass beim Zugriff auf den Variablennamen zunächst ermittelt wird, ob der aktuelle Bereich die Variable enthält. Andernfalls wird zum übergeordneten Bereich gewechselt Finden Sie es, bis die globale Variable endgültig gefunden wird. Wenn die globale Variable die Variable nicht finden kann, wird ein Fehler gemeldet.

Wenn Sie dann eine Variable außerhalb der Funktion fun3 aufrufen möchten, müssen Sie eine andere Funktion fun4 innerhalb der Funktion fun3 definieren. Wir lassen sie die Variable a zurückgeben, die sie aufrufen kann, und dann die Funktion fun4 Das Ergebnis ist die Variable a, dann geben wir die Funktion fun4 zurück, dann führen wir die Funktion fun3 aus und das Ergebnis ist der Wert der Variablen a.

Einfach ausgedrückt: Solange fun4 als Rückgabewert verwendet wird, können wir seine internen Variablen außerhalb von fun3 lesen.

4. Worauf sollten Sie beim Aufruf lokaler Variablen (mithilfe von Abschlüssen) achten?

1. Schließungen führen dazu, dass die Variablen in der Funktion im Speicher gespeichert werden, was viel Speicher verbraucht, sodass Schließungen nicht missbraucht werden können, da sonst die Leistung der Webseite beeinträchtigt wird.

　2. Ändern Sie den Wert der internen Variablen der übergeordneten Funktion nicht beiläufig.

Zusammenfassend lässt sich sagen, dass ein Abschluss eine Funktion ist, die die internen Variablen anderer Funktionen lesen kann. Sie ermöglicht es uns, Variablen in der übergeordneten Funktion außerhalb der übergeordneten Funktion aufzurufen. Es gibt Code, der unter den gegebenen Umständen eigentlich nicht schwer zu verstehen ist. Wichtig ist, dass wir ihn bei unvorhersehbarem Code für die spezifische Anwendung des Abschlusses immer noch wirklich verstehen müssen, bevor wir ihn geschickt anwenden können.

　

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung der Schließungen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!