Eine kurze Diskussion über Abschlüsse in js_javascript-Fähigkeiten

Schauen wir uns zunächst einen Code an:

Code kopieren Der Code lautet wie folgt:

111
222
333
var a=document.getElementsByTagName("a");
Funktion b(){
　　for(var i=0;i 　　a[i].onclick=function(){
alarm(i);
　　}　
}
}

Gemäß der ursprünglichen Absicht unseres Designs sollte beim Klicken auf ein a-Tag die entsprechende Seriennummer des Tags angezeigt werden, d. h. beim Klicken auf das erste a wird 0 angezeigt, beim Klicken auf das zweite a wird 1 angezeigt ... Aber tatsächlich erscheint immer die Nummer eines Tags. Was ist der Grund? Dieses Problem beschäftigt mich seit langem und ich habe viele Online-Informationen und Nachschlagewerke konsultiert. Ich glaube, dass viele Studenten die Gründe nicht verstehen, warum ich dieses Problem selbst verstehe . Wenn es etwas Unangemessenes gibt, kritisieren und korrigieren Sie mich bitte.

Nach meinem persönlichen Verständnis liegt der Grund dafür, dass die obige Funktion ihren Zweck nicht erfüllt, darin, dass die Ereignisverarbeitungsfunktion an die Variable i gebunden ist und die Ereignisverarbeitungsfunktion onclick zugewiesen ist, was bedeutet, dass sie nur aktiviert wird, wenn Wenn auf das Tag „a“ geklickt wird, wird diese Funktion aufgerufen. Logischerweise wird die Funktion(){alert(i);} in einer einfachen for-Schleife tatsächlich nicht ausgeführt, und wenn wir auf das Tag „a“ klicken, wird die for-Schleife bereits ausgeführt Nach Abschluss der Ausführung ist der Wert von i zu diesem Zeitpunkt der Endwert der for-Schleife. Ein einfaches Verständnis besteht darin, dass der Wert von i zur b-Funktion gehört und der Wert von i, den wir benötigen, der Wert ist, der in Echtzeit an die Ereignisverarbeitungsfunktion übergeben wird. Gibt es also eine Möglichkeit, unsere ursprüngliche Designabsicht zu erreichen? Kluge Schüler haben vielleicht schon vermutet, dass es sich um die Verwendung von Abschlüssen handelt.

Schauen wir uns einen weiteren Code an:

Code kopieren Der Code lautet wie folgt:

var a=document.getElementsByTagName("a");
Funktion b(){
　　for(var i=0;i 　　　a[i].onclick=function(j){
　　　　Rückgabefunktion(){
alarm(j);
　　　}
　　}(i);
}
}
b();

Wenn Sie den obigen Code ausführen, können Sie feststellen, dass die von uns gewünschte Funktion implementiert wurde. Wenn Sie also auf ein beliebiges Etikett klicken, wird die Seriennummer angezeigt, auf der sich das Etikett befindet. Was den obigen Code betrifft, glaube ich, dass viele Studenten viele ähnliche Versionen gesehen haben, aber warum können wir dadurch die Funktionen erreichen, die wir benötigen? Wenn etwas nicht stimmt, können Sie mich gerne aufklären.

Die Essenz des Verständnisses des obigen Codes ist das Verständnis der Variablen i. In diesem Code wird die Funktion in der for-Schleife ausgeführt und findet eine sofort aufgerufene Funktion. Zu diesem Zeitpunkt wird der Echtzeit-Variablenwert an die sofort aufgerufene Funktion übergeben und die Ereignisverarbeitungsfunktion speichert ihn ebenfalls der Echtzeit-Variablenwert.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für alle hilfreich sein, um js-Abschlüsse zu verstehen.