javascript: Mit der aktuellen for-Schleife Zähler-Wert innerhalb einer Funktion() { }?

auf einer website möchte ich dies tun: (vereinfacht)

myHandlers = new Array();
for(var i = 0; i < 7; i++) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, //works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: function(bla) { /*...*/ alert(i); } //doesn't work,all return 7
  }
}

Konnte ich den Zähler als ein weiteres Attribut von meinem Handler (die Kopie des aktuellen Wertes) und verwenden Sie es innerhalb meiner Funktion, aber ich denke, es ist auch ein Weg, um tatsächlich kopieren Sie diesen Wert, Nein?

InformationsquelleAutor Fabian Fritz | 2010-08-10
  1. 6

    Wenn handlerFunc heißt, die i innerhalb der Funktion bezieht sich auf die i des for Schleife. Aber das i hat wahrscheinlich nicht den gleichen Wert haben, nicht mehr.

    Verwenden Sie einen Verschluss zum binden der aktuelle Wert von i im Rahmen einer anonymen Funktion:

    handlerFunc: (function(i) { return function(bla) { /*...*/ alert(i); }; })(i)

    Hier eine anonyme Funktion (function(i) { … })(i) verwendet wird und sofort aufgerufen. Diese Funktion bindet den Wert der i des for - Schleife, um die lokalen i. Dass i ist dann unabhängig von der i des for Schleife.

    InformationsquelleAutor Gumbo
  2. 2
    var myHandlers = new Array();
for (var i = 0; i < 7; i++) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, //works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: 
    (function(i) { 
     return function(blah) { 
         alert(i) 
     }
     })(i)
  }))
}

    Verwenden Sie einen Verschluss zum binden der i so dass der Wert erhalten bleibt

    InformationsquelleAutor meder omuraliev
  3. 2

    In deinem Beispiel i in den Funktionen ist die gleiche variable wie i außerhalb der Funktionen. Als i erhöht wird, in der Schleife, so ist es erhöht, innerhalb der Funktionen. Als Ergebnis, wenn die Funktionen aufgerufen werden, nachdem die Schleife beendet ist, werden Sie alle alert - "7".

    Müssen Sie erstellen eine neue variable mit dem geeigneten Gültigkeitsbereich und kopieren Sie den Wert des i hinein.

    Etwas wie dieses würde sich der gewünschte Effekt.

    ...
var pushHandler = function(i) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, //works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: function(bla) { /*...*/ alert(i); } //doesn't work,all return 7
  }
}
...
for(var i = 0; i < 7; i++) {
  pushHandler(i);
}

...
    • Tut mir Leid, um einen Kommentar zu diesem 6 Jahre nach der Tat, aber ich kam gerade über diesem problem, während Sie schreiben einige Knoten. Ich bevorzuge diese Methode, da Sie (zumindest für mich) ist viel verständlicher als der oben genannten Methode pushen interpretiert-Methode übergeben i. Ich bin immer noch Probleme beim wickeln meinem Kopf herum, die ganze Sache. Dies ist sehr einfach, prägnant und verständlich.
    InformationsquelleAutor Paul Butcher
Schreibe einen Kommentar