循環中的javarscript“可變變量可以從閉包中獲取”

Question

我試圖給數組中的每個按鈕分配一個函數。

為了簡化問題，我已經用一個簡單的console.log交換了該功能的功能

單擊一個按鈕時，控制台應該說“按鈕號”，然后說相應的按鈕號（1、2、3 ...），而是總是返回最大按鈕號。

        function buttoncount(){
            dbuttons = document.getElementsByClassName("deletebutton");
            for(var ii = 0; ii< dbuttons.length; ii++){
                dbuttons[ii].onclick = function (){
                    console.log("button number"+ii);
                }
            }
        }

提前致謝

Answer 1

您必須確保為連續的按鈕捕獲了單獨的閉包。 一種方法是始終將實際函數包裝在另一個立即執行的函數中。

    function buttoncount(){
        dbuttons = document.getElementsByClassName("deletebutton");
        for(var ii = 0; ii< dbuttons.length; ii++){
            dbuttons[ii].onclick = (function (x){
                return function() {
                  console.log("button number"+x);
                }
            }(ii));
        }
    }