イメージギャラリーループJS

Question

var thumbs = document.getElementsByTagName("img"); 
    for (var i=0; i<thumbs.length; i++) 
    { 
     Core.addEventListener(thumbs[i], "click", function() {alert(i);}); 
    } 

上記のコードでは、警告は常に18と表示されます。これは画像サムネイルの数です。どのサムネイルをクリックしたかを表示したい。なぜそれを示していないのですか？ また、クリックしたサムネイルの値を別の関数に渡す必要があります。そのため、後続のフルイメージも表示できます。 誰でも助けてくれる？

これを行うにはさらに良い方法がある場合は、plsが提案します。 ありがとうございます。

Answer 1

これは、内部の匿名関数が変数iを閉じるため、常に反復の最後の値が表示されるためです。あなたは、次の操作を行います。

Core.addEventListener(thumbs[i], "click", (function(j) 
              { 
               return function() 
                 { 
                 alert(j); 
                 }; 
              })(i)); 

説明：あなたのコードで

反復変数iは、イベントハンドラの生成内側の無名関数のグローバル変数のようなものですが、が、あなたが作成するように思えることに注意しなければなりません異なる匿名関数を使用していますが、それらのすべてがよりグローバルな範囲で見ていますが、それはすべて同じものです。最後の値は警告されます。これを避けるために、別のラッパー関数を作成して、別の範囲内にiの値を囲んで別の要素に別の警告が表示されるようにします。コメントの説明も正しいです、私はJavascriptのクロージャーについてGoogleに助言し、それについてのいくつかの記事を読んでください。