循环中的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));
        }
    }