Javascript Schließung sofortige Auswertung

Question

Betrachten Sie den folgenden JavaScript-Code:

var a = []; 

var f = function() { 

    for (var i = 0; i < 3; i++) { 
     a.push(function(){alert(i)}); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

Die Warnungen auszudrucken '3' alle drei Mal. Ich möchte ein anderes Verhalten - in jeder Iteration der Schleife eine Funktion erzeugen, die den aktuellen Wert von i ausgibt. I.e. 3 Funktionen, die verschiedene Indizes drucken.

Irgendwelche Ideen?

Answer 1

Erstellen Sie eine anonyme Funktion, die i als Parameter akzeptiert und gibt, dass bestimmte Funktion:

for (var i = 0; i < 3; i++) { 
    a.push((function(i) { 
     return function() { 
      alert(i); 
     } 
    })(i)); 
} 

for (var j = 0; j < 3; j++) { 
    a[j](); 
} 

Oder etwas ähnliches: eine anonyme Funktion erstellen, die i als Parameter übernimmt die Funktion zum Array hinzuzufügen:

for (var i = 0; i < 3; i++) { 
    (function(i) { 
     a.push(function() { 
      alert(i); 
     }); 
    })(i); 
} 

for (var j = 0; j < 3; j++) { 
    a[j](); 
} 

Answer 2

var iterate = (function() { 
    var i, j = []; 
    for (i = 0; i < 3; i += 1) { 
     j.push(i); 
     alert(j[j.length - 1]); 
    } 
}()); 

Sie brauchen nicht Verschluss lediglich einen Wert auszugeben. Ihr Code sollte jedoch in einer Funktion zur objekt-orientierten Eingrenzung enthalten sein. Funktionen müssen nicht aufgerufen werden um ausgeführt zu werden.

Answer 3

Funktion (i) {alert (i)

Answer 4

Ein weiterer Ansatz, mit currying:

var a = []; 
var f = function() { 
    for (var i = 0; i < 3; i++) { 
     a.push((function(a){alert(a);}).curry(i)); 
    } 
    for (var j = 0; j < 3; j++) { 
     a[j](); 
    } 
}; 

// curry implementation 
Function.prototype.curry = function() { 
    var fn = this, args = Array.prototype.slice.call(arguments); 
    return function() { 
    return fn.apply(this, args.concat(
     Array.prototype.slice.call(arguments))); 
    }; 
}; 

Überprüfen Sie das obige Snippet läuft here.

Answer 5

Sie können den Körper Ihrer Schleife in einer anonymen Funktion setzen:

var a = []; 

for(var i = 0; i < 3; i++) (function(i) { 
    a.push(function() { alert(i); }); 
})(i) 

for(var j = 0; j < 3; j++) { 
    a[j](); 
} 

Durch diese Funktion die Erstellung und Weitergabe der Wert der Schleife von „i“ als Argument, werden wir eine neue „i“ Variable Schaffung innerhalb des Körpers der Schleife, die im Wesentlichen das äußere "i" verbirgt. Die Schließung, die Sie auf das Array schieben, sieht jetzt die neue Variable, deren Wert gesetzt wird, wenn die äußere Funktionsfunktion in der ersten Schleife aufgerufen wird. Dies könnte klarer, wenn wir einen anderen Namen verwenden, wenn wir die neue Variable zu erstellen ... Das macht das Gleiche:

var a = []; 

for(var i = 0; i < 3; i++) (function(iNew) { 
    a.push(function() { alert(iNew); }); 
})(i) 

for(var j = 0; j < 3; j++) { 
    a[j](); 
} 

Der Wert von „ineu“ wird 0 zugewiesen, dann 1, dann 2, weil die Funktion wird sofort von der Schleife aufgerufen.