JavaScript-Schließung innerhalb von Schleifen: Ein praktisches Beispiel
Das Problem beim Durchlaufen von Schleifen und beim Speichern anonymer Funktionen besteht darin, dass die Variablen innerhalb dieser Funktionen Verweisen Sie auf dieselbe Variable außerhalb der Schleife. Dies kann zu unerwartetem Verhalten führen, wenn versucht wird, die Werte dieser Variablen zu protokollieren.
Lösung 1: ES6 Let-Anweisung
ES6 führt das Schlüsselwort let ein, das eine neue erstellt Variablenbereich für jede Iteration der Schleife. Dadurch wird sichergestellt, dass jede anonyme Funktion über eine eigene Variable verfügt, wodurch das Abschlussproblem gelöst wird.
<code class="js">for (let i = 0; i < 3; i++) {
funcs[i] = function() {
console.log("My value:", i);
};
}</code>Lösung 2: ES5.1 ForEach-Methode
Für Situationen, in denen es hauptsächlich darum geht Für die Array-Iteration bietet die Methode forEach eine unkomplizierte Lösung. Jede Iteration der Rückruffunktion verfügt über einen eigenen Abschluss und erhält das aktuelle Element des Arrays.
<code class="js">var someArray = [...];
someArray.forEach(function(arrayElement) {
// Code for the specific array element
// ...
});</code>Lösung 3: Klassischer Abschluss
Eine andere Lösung ist um die Variable innerhalb jeder Funktion an einen separaten, unveränderlichen Wert außerhalb der Funktion zu binden. Dies kann mithilfe einer Hilfsfunktion erreicht werden:
<code class="js">function createFunc(i) {
return function() {
console.log("My value:", i);
};
}
for (var i = 0; i < 3; i++) {
funcs[i] = createFunc(i);
}</code>Das obige ist der detaillierte Inhalt vonWie vermeide ich Abschlussprobleme in Schleifen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
