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].onclick= function () {
alert(num_jia[i2])
}
}
以上内容就是js给按钮循环设置匿名函数的问题 ,希望能帮助到大家。
相关推荐:
以上就是js给按钮循环设置匿名函数的问题 的详细内容,更多请关注其它相关文章!
上一篇: 值得一看的微信小程序开发经验总结
下一篇: 两种mongoose更新对象的方法
推荐阅读
-
Android Studio 界面布局之xml文件中给输入框editText修改下划线颜色 / 为按钮设置圆角和颜色 / 约束布局预览效果和运行效果不一致 问题的解决
-
循环给array_merge里加函数的问题
-
采用自执行的匿名函数解决for循环使用闭包的问题_javascript技巧
-
采用自执行的匿名函数解决for循环使用闭包的问题_javascript技巧
-
js给按钮循环设置匿名函数的问题
-
js给按钮循环设置匿名函数的问题
-
js循环动态绑定带参数函数遇到的问题及解决方案[转]_javascript技巧
-
js循环动态绑定带参数函数遇到的问题及解决方案[转]_javascript技巧
-
循环当中的匿名函数问题