浅谈JS闭包中的循环绑定处理程序

前几天工作中写前端js代码时，遇到了遍历元素给它添加单击事件。就是这个问题让我整整调了一个下午。最后还是下班回家，上网查资料才知道怎么解决的。 （PS：之前也在《jQuery基础教程》第四版中看过讲循环绑定处理程序的内容，当时估计也没怎么用心看，所以没记起来。） 　　大神要是知道这类情况，可以关掉窗口，写这些主要是给像我一样的小白看的。谢谢！

　　先贴上错误的例子让大家看看。（例子里面用到jQuery，请导入jQuery库）

代码如下:

"> "> 　　 　　 　　 　　 　　 　　 　　

　　这段代码运行之后，点击按钮，弹出的alert中显示数据几呢，我之前一直认为按钮1到按钮4，对应的alert中的数字也是1到4。要是你也这样想，那就错了。
　　点击每个按钮，alert中都是显示数字4，没想到吧！
　　现在写几种解决方案，共大家参考 ！
　　第一种、编写一个function，在这个function中返回一个函数

代码如下:

　　　　} 　　}); 　　var btnClick=function(value){ 　　　　return function(){ 　　　　　　alert(value); 　　　　} 　　}

　　第二种、使用立即调用函数表达式 　　(function(value){ 　　　　//代码块 　　})(i)//这就是立即调用函数表达式

代码如下:

　　　　} 　　});

　　第三种、使用jQuery的each函数

代码如下:

　　使用上面三种情况，就可以避免一开始那个情况了。 　　其中get(0)指的是将jQuery对象转为DOM对象。

以上就是个人对JS闭包中的循环绑定处理程序的理解，分享给大家，希望能对小伙伴们有所帮助

原文地址：https://www.jb51.cc/js/57354.html