Heim > Web-Frontend > js-Tutorial > Hauptteil

Ein einfaches Verständnis von js-Verschlüssen

一个新手
Freigeben: 2017-10-10 10:09:46
Original
1516 Leute haben es durchsucht

Definition von Abschluss

:

Ein Abschluss bezieht sich auf eine Funktion, die Zugriff auf eine Variable im Gültigkeitsbereich einer anderen Funktion hat.

Hier wird eine andere Definition verwendet:

Wenn sich eine Funktion an den lexikalischen Bereich erinnern und darauf zugreifen kann, in dem sie sich befindet, wird ein Abschluss generiert, auch wenn die Funktion Wird außerhalb des lexikalischen Bereichs aufgerufen, in dem es definiert wurde.

Erster Punkt: JavaScript basiert auf dem lexikalischen Bereich
. Der lexikalische Bereich bedeutet, dass der Bereich durch die Position der Funktionsdeklaration beim Schreiben von Code bestimmt wird.
Regeln für die lexikalische Bereichssuche: Die Bereichssuche stoppt, wenn der erste passende Bezeichner gefunden wird. Bezeichner mit demselben Namen können in mehreren Ebenen verschachtelter Bereiche definiert werden, was als „Schatteneffekt“ bezeichnet wird (interne Bezeichner „schatten“ externe Bezeichner). Unabhängig von Schatteneffekten beginnt die Bereichssuche immer im innersten Bereich, in dem sich die Laufzeit befindet, und wird nach außen oder oben fortgesetzt, bis der erste passende Bezeichner gefunden wird. Unabhängig davon, wo eine Funktion aufgerufen wird oder wie sie aufgerufen wird, wird ihr lexikalischer Geltungsbereich nur durch die Position bestimmt, an der die Funktion deklariert wurde.
Zweiter Punkt: JavaScript hat einen funktionsbasierten Bereich und Funktionen sind die häufigste Bereichseinheit in JavaScript. Funktionsbereich
bedeutet, dass alle zu dieser Funktion gehörenden Variablen innerhalb des Gültigkeitsbereichs der gesamten Funktion verwendet und wiederverwendet werden können (tatsächlich können sie auch in verschachtelten Bereichen verwendet werden) Externer Bereich Nichts innerhalb der umschlossenen Funktion kann zugegriffen werden.
Der dritte Punkt: Funktion in JavaScript ist ein erstklassiges Objekt
1) Eigenschaften, die Variablen, Array-Elementen und anderen Objekten zugewiesen werden können
2) Kann als Parameter
an die Funktion übergeben werden 3) Kann als Rückgabewert der Funktion verwendet werden

Der vierte Punkt: Schließung
function foo() {
    var a = 2;    
    function bar() {
        console.log( a ); // 2。bar()对 a 的引用的方法是词法作用域的查找规则,而这些规则只是闭包的一部分
    }
    bar();
}
foo();
Nach dem Login kopieren


Der obige Code verwendet eigentlich keine Schließung. Die Anwendung der Schließung ist im Allgemeinen in zwei Situationen unterteilt: Funktion als Rückgabewert, Funktion wird als Parameter übergeben.

Schreiben Sie den obigen Code neu:
function foo() {
    var a = 2;    
    function bar() {
    console.log( a );
    }    return bar;//函数作为返回值}var baz = foo();
baz(); // 2 —— 朋友,这就是闭包的效果。
Nach dem Login kopieren


Hier hat der lexikalische Bereich der Funktion bar() Zugriff auf den internen Bereich von foo(). Dann übergeben wir die Funktion bar() selbst als Werttyp. In diesem Beispiel verwenden wir das Funktionsobjekt, auf das bar selbst verweist, als Rückgabewert.
In diesem Beispiel wird bar() außerhalb seines definierten lexikalischen Bereichs ausgeführt. Nachdem die Funktion foo() zurückgekehrt ist, existiert ihr interner Bereich immer noch und bar() enthält immer noch einen Verweis auf den Bereich, und dieser Verweis wird als Abschluss bezeichnet.

Schreiben Sie ein weiteres Beispiel für die Übergabe einer Funktion als Parameter:
var max = 10,
fn = function(x) {
    if (x > max) {//注意词法作用域规则,这里的max是10,而不是100.
        console.log(x);  //15
    }
};
(function(f) {
    var max = 100;
    f(15);
})(fn);
Nach dem Login kopieren

Der fünfte Punkt: JavaScripts Garbage-Collection-Mechanismus GC

In js, wenn ein Objekt nicht mehr vorhanden ist Als Referenz wird dieses Objekt von GC recycelt, andernfalls wird dieses Objekt immer im Speicher gespeichert

Punkt 6: Ausführungsumgebung, aktive Objekte, Bereich und Bereichskette


Nachdem der gesamte Code in einer Ausführungsumgebung ausgeführt wurde, wird die Umgebung zerstört und alle darin gespeicherten Variablen und Funktionen werden ebenfalls zerstört.

Wenn eine Funktion aufgerufen wird, werden eine Ausführungsumgebung und eine entsprechende Bereichskette erstellt und das aktive Objekt wird mithilfe der Werte von Argumenten und anderen benannten Parametern initialisiert.

Aber in einigen Fällen wird nach Abschluss des Funktionsaufrufs die Bereichskette seiner Ausführungsumgebung zerstört, seine aktiven Objekte bleiben jedoch weiterhin im Speicher. Dies ist der Kern dessen, was Sie über Schließungen verstehen müssen.

Das obige ist der detaillierte Inhalt vonEin einfaches Verständnis von js-Verschlüssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!