Javascript循环绑定事件的示例代码
更新时间：2008年10月17日 13:15:00 作者：
我们先看一个关于Javascript利用循环绑定事件的例子
例如：一个不确定长度的列表，在鼠标经过某一条的时候改变背景。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这个例子循环为一组对象绑定事件处理函数。
但是，如果我们在这个基础上增加一些需求。比如在点击某一条记录的时候弹出这是第几条记录？
肯能你会理所当然的这么写：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
测试一下你会发现alert出来的都是：这是第6记录
其实这里for循环已将整个列表循环了一遍，并执行了i++，所以这里i变成了6，
有什么好的办法解决这个问题吗？
那就是闭包了，个人认为闭包是js中最难捉摸的地方之一，
看看什么是闭包：
闭包时是指内层的函数可以引用存在与包围他的函数内的变量，即使外层的函数的执行已经终止。
这个例子中我们可以这样做：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
PS：闭包很难，很复杂！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这个例子循环为一组对象绑定事件处理函数。
但是，如果我们在这个基础上增加一些需求。比如在点击某一条记录的时候弹出这是第几条记录？
肯能你会理所当然的这么写：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
测试一下你会发现alert出来的都是：这是第6记录
其实这里for循环已将整个列表循环了一遍，并执行了i++，所以这里i变成了6，
有什么好的办法解决这个问题吗？
那就是闭包了，个人认为闭包是js中最难捉摸的地方之一，
看看什么是闭包：
闭包时是指内层的函数可以引用存在与包围他的函数内的变量，即使外层的函数的执行已经终止。
这个例子中我们可以这样做：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
PS：闭包很难，很复杂！
相关文章
这篇文章主要介绍了微信小程序基于高德地图查找位置并显示文字,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
下面小编就为大家分享一篇webpack-dev-server远程访问配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了JS原型和继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JS弹出可拖拽可关闭的div层完整实现方法,包括对div弹出层的样式及功能的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
项目过程中经常会遇到 JS 数组合并的情况,时常为这个纠结,这里整理一下,下面这篇文章主要给大家介绍了关于JavaScript数组合并的8种常见方法,需要的朋友可以参考下2022-11-11
经常在做app的时候,会有做热更新的需求,这也是常用的更新app的一种手段,下面这篇文章主要给大家介绍了关于uniApp实现热更新的思路与详细过程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
本文主要介绍了JavaScript 类型转换的详细实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
本文主要介绍了uniapp时间格式化处理实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要为大家详细介绍了JS实现随机抽奖小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了如何利用javascript接收json信息并进行处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
最新评论