Analyse und Erklärung des JavaScript-Umfangs und -Abschlusses

[Einführung] Der Umfang von JavaScript ist durch Funktionen begrenzt, und verschiedene Funktionen haben relativ unabhängige Bereiche. Globale Variablen können innerhalb der Funktion deklariert und darauf zugegriffen werden, und lokale Variablen können ebenfalls deklariert werden (mit dem Schlüsselwort var sind die Parameter der Funktion ebenfalls lokale Variablen), aber auf die internen lokalen Variablen kann außerhalb der Funktion nicht zugegriffen werden: functio

Der Umfang von JavaScript ist Funktionsgrenzen, verschiedene Funktionen haben relativ unabhängige Bereiche. Globale Variablen können innerhalb der Funktion deklariert und darauf zugegriffen werden, und lokale Variablen können ebenfalls deklariert werden (mit dem Schlüsselwort var sind die Parameter der Funktion ebenfalls lokale Variablen), auf interne lokale Variablen kann jedoch nicht außerhalb der Funktion zugegriffen werden:
Funktionstest() {
var a = 0; // Lokale Variable
b = 1; // Globale Variable
}
a = ?, b = ? // a ist undefiniert, b ist 1
Lokale Variablen mit demselben Namen überschreiben globale Variablen, aber im Wesentlichen sind sie zwei unabhängige Variablen und Änderungen an einer davon wirken sich nicht auf die andere Partei aus:
a = 5; // Der Wert von a außerhalb der Funktion ist 5
function test() {
var a = 4; // Der Wert von a innerhalb der Funktion ist 4
}();
a = ? // Der Wert von a außerhalb der Funktion ist immer noch 5 und wird von der Funktion nicht beeinflusst
Im Allgemeinen enden nach dem Ende der Funktion alle Verweise auf die internen Variablen der Funktion und die darin enthaltenen lokalen Variablen werden recycelt und die Ausführungsumgebung der Funktion wird gelöscht Das Rückgabeergebnis der Funktion ändert die Situation:
function test(i) {
var b = i * i;
return function() {
return b--;
};
}
var a = test(8);
a(); / / Der Rückgabewert ist 64, die interne Variable b ist 63
a(); Der Rückgabewert ist 63, die interne Variable b ist 62
Wenn die interne Funktion als Rückgabewert verwendet wird, weil nach dem Ende der Funktion die interne Die Referenz der Variablen ist nicht beendet, also die lokalen Variablen Die Funktion kann nicht recycelt werden und die Ausführungsumgebung der Funktion bleibt erhalten, wodurch ein Abschlusseffekt entsteht. Über diese Referenz kann auf interne Variablen zugegriffen werden, die recycelt werden sollen.
Der Abschluss macht auch die lokalen Variablen der Funktion zu „privaten“ Variablen, auf die nur über die zurückgegebene interne Funktion zugegriffen werden kann und die auf keine andere Weise geändert werden können.
Daher können Schließungen verwendet werden, um lokale Variablen zu verwalten und Variablen zu schützen.
Situation ohne Abschluss:
var a = []; // Angenommen, a enthält 5 Elemente
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = function(e) {
return 'No. ' + i;
};
}
// Klicken Sie auf ein beliebiges Element. der Rückgabewert ist „Nr. 5“, da der letzte Wert von i 5 ist
Verwendung von Schließung:
function test(i) {
return function(e) {
return ' Nr. ' + i;
};
}
var a = []; // Angenommen, a enthält 5 Elemente
for (var i = 0, m = a.length; i < m; i++) {
a[i].onclick = test(i);
}
// Verwenden Sie Abschlüsse, um lokale Variablen zu verwalten, klicken Sie auf Das Element gibt Nr. 0 ~ zurück Nr. 4
Das Schließen bringt zwar Bequemlichkeit mit sich, bringt aber auch einige Nachteile mit sich:
1. Die Komplexität des Programms nimmt zu und es ist schwieriger zu verstehen.
2. Komplexe Schließungen können auftreten Außerdem kann der Speicher nicht recycelt werden und stürzt ab.
3. Große Abschlüsse gehen oft mit Leistungsproblemen einher.
Daher sollten Abschlüsse schlank und klein sein, statt groß und komplex, und große und komplexe Abschlüsse sollten es sein Vermeiden Sie Verschlüsse zur Skalierung. Das Auftauchen von Abschlüssen ist an sich ein Fehler in der Sprache, bleibt aber aufgrund ihrer einzigartigen Funktionen bestehen. Es handelt sich um ein ergänzendes Mittel, nicht um die Hauptfunktion.

Das obige ist der detaillierte Inhalt vonAnalyse und Erklärung des JavaScript-Umfangs und -Abschlusses. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!