Wie vermeidet man Abschlussprobleme beim Zugriff auf externe Variablen in Schleifenfunktionen?

Zugriff auf externe Variablen in Schleifenabschlüssen

In JavaScript kann es beim Zugriff auf Variablen außerhalb eines Abschlusses innerhalb einer Schleife zu einem Problem kommen Der letzte Wert der Variablen wird konsistent zurückgegeben. Dies liegt daran, dass sich die Variable bei jeder Schleifeniteration ändert und der Abschluss ihren endgültigen Wert erfasst.

Um dieses Problem zu beheben, können Abschlusstechniken eingesetzt werden, um den Gültigkeitsbereich der Variablen innerhalb der Schleife festzulegen. Der folgende Abschluss erstellt eine Funktion, die eine andere Funktion zurückgibt, die die Variable begrenzt:

<code class="javascript">for (var i in this.items) {
    var item = this.items[i];
    $("#showcasenav").append("<li id=\"showcasebutton_" + item.id + "\"> <img src=\"/images/showcase/icon-" + item.id + ".png\" /></li>");
    $("#showcasebutton_" + item.id).click(
        (function (item) {
            return function () {
                alert(item.id);
                self.switchto(item.id);
            };
        })(item)
    );
}</code>

In diesem Beispiel wird eine anonyme Funktion innerhalb der Schleife erstellt, die das Variablenelement kapselt. Diese Funktion wird sofort mit dem Parameter „item“ aufgerufen, was zu einem Abschluss führt, bei dem „item“ innerhalb jedes Klick-Handlers festgelegt ist.

Alternativ stellt jQuery die Funktion „$.each()“ bereit, die die Schleifeniteration vereinfacht und die Notwendigkeit beseitigt Schließungen in diesem Szenario:

<code class="javascript">$.each(this.items, function (i, item) {
    $("#showcasenav").append("<li id=\"showcasebutton_" + item.id + "\"> <img src=\"/images/showcase/icon-" + item.id + ".png\" /></li>");
    $("#showcasebutton_" + item.id).click(function () {
        alert(item.id);
        self.switchto(item.id);
    });
});</code>

Das obige ist der detaillierte Inhalt vonWie vermeidet man Abschlussprobleme beim Zugriff auf externe Variablen in Schleifenfunktionen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!