Heim > Artikel > Web-Frontend > Analyse der Gelegenheiten sowie Vor- und Nachteile von js-Closure_Javascript-Fähigkeiten
Zuerst der Code:
//函数a function a() { var i=0; //函数b function b() { alert(++i); } return b; } //函数c var c = a(); c();
Codefunktionen:
1. Funktion b ist in Funktion a verschachtelt;
2. Funktion a gibt Funktion b zurück.
Wenn die interne Funktion b der Funktion a im Code durch eine Variable c außerhalb der Funktion a referenziert wird, wird dies als Erstellen eines Abschlusses bezeichnet. Manchmal kann Funktion b auch von einer anonymen Funktion zurückgegeben werden, nämlich von return function(){};
Vorteile: 1. Schützen Sie die Sicherheit von Variablen innerhalb der Funktion und verbessern Sie die Kapselung. 2. Behalten Sie eine Variable im Speicher bei (die Verwendung von zu viel wird zu einem Nachteil und belegt den Speicher)
Der Grund, warum Schließungen Ressourcen belegen, liegt darin, dass die Variable i nicht zerstört wird, wenn Funktion a endet, da Funktion a endet, da die Ausführung von b von den Variablen in a abhängt.
Für das Szenario nicht geeignet: Die Funktion, die den Abschluss zurückgibt, ist eine sehr große Funktion
Das typische Framework für den Abschluss sollte jquery sein.
Dies wird deutlicher, wenn Sie ein Framework erstellen. Einige Methoden und Attribute werden nur im Operationslogikprozess verwendet. Sie möchten keine externe Änderung dieser Attribute zulassen, daher können Sie einen Abschluss so entwerfen, dass er nur Methodenzugriff bietet.
Zusammenfassend:
Vorteile:
1. Logische Kontinuität Wenn der Abschluss als Parameter eines anderen Funktionsaufrufs verwendet wird, verhindert er, dass Sie von der aktuellen Logik abweichen und zusätzliche Logik separat schreiben.
2. Erleichtern Sie den Aufruf lokaler Variablen des Kontexts.
3. Eine Erweiterung von Punkt 2 kann Variablen schützen.
Nachteile:
Schließungen haben ein sehr ernstes Problem, nämlich das Problem der Speicherverschwendung. Diese Speicherverschwendung liegt nicht nur daran, dass sie im Speicher gespeichert ist, sondern, was noch wichtiger ist, die unsachgemäße Verwendung von Schließungen führt zur Generierung von ungültigem Speicher :
var array = []; function abc() { var foo = function(){ } array.push(foo); return foo; } for(var i = 0 ; i < 10000; i ++) { abc(); } alert(array[0] == array[1]);
var foo = new Function();
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.