JS-给按钮循环设置匿名函数的问题

本问题的导火索是我想给按钮循环设置监听事件时，出现了只有最后一个按钮有反应，或者直接报错undefined。

 

这里是原先错误的写法，给按钮num_jia的onclick设置匿名函数，匿名函数中的i会使用for循环结束时的i，为3，所以会报undefined错。

 

function a(){

for(var i=0;i<3;i++) { 

       num_jia[i] = document.getElementsByClassName('num-jia')[i];

        num_jia[i].onclick = function () {

            alert(num_jia[i])

        }

}

}

 

上网查了一下，要想让匿名函数记住各自的i，只需要使用合适的闭包（可以访问独立数据的函数），以下是改进，关于闭包的具体知识还请自行学习。

 

function a(){

for(var i=0;i<3;i++) {

       num_jia[i] = document.getElementsByClassName('num-jia')[i];

       ;(function (i2) {

            num_jia[i2].onclick = function () {

               alert(num_jia[i2])

            }

        })(i);

}

}

 

我后来研究发现其实还有一种有名函数的完整写法，其达到的效果是一样的，还通俗易懂。

 

function a(){

for (var i=0;i<3;i++) {

       num_jia[i] = document.getElementsByClassName('num-jia')[i];

doThings(i);

}

}

 

functiondoThings(i){

num_jia[i2].οnclick= function () {

               alert(num_jia[i2])

}

}