javascript 常见的闭包问题的解决办法
更新时间：2009年11月06日 00:15:04 作者：
javascript 常见的闭包问题的解决办法,需要的朋友可以参考下。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上段代码本意是在每个div上都加一个事件，即每当点击div时，就显示此div的相应序号。但是运行程序时我们会发现，不论点击那个，只会显示7，这是什么愿因呢。--这就是闭包的问题
原来 在js中，函数中在定义函数，就出现闭包了。此时外层函数中变量是可以在里层函数里利用的，即使外层函数结束。但是当外层中出现循环的时候，如果在里层函数中利用这个循环变量的话，会直接引用这个变量的最终值。
就像上述代码演示的一样。
如何解决呢。
可以利用匿名函数来加以解决。匿名函数会制动执行，我们可以利用这一特性，来产生一个作用域，生命一个变量，来引用外层的循环变量。
如代码所示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由于在内层函数里只要出现循环变量的话 都是最终值，所以我们利用匿名函数 激发出一个作用域，在进入内层循环之前，有另一变量获得该循环变量的值，这一思想是处理闭包问题的精髓。
如下例子：此时并没有明显的for循环，但是 根据上述思想，可以立即加以解决 问题
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
解决后代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
补充：看到有网友这样解决了问题：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我个人的理解是 在进入内层循环之前 把id赋值给f，f在作为内层循环的参数，其思想应该是一样的.
相关文章
PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？下面通过本文给大家介绍下，需要的的朋友参考下吧2017-06-06
这篇文章主要介绍了表单提交前触发函数当返回true表单才会提交的具体实现,需要的朋友可以参考下2014-03-03
常见的一些禁止复制网页的代码，但破解方法也不见容易，这里就不说了，可以看本站以前发布的文章。2009-06-06
在 JavaScript 中,对象的去重通常是指在一个对象数组中,根据某些属性值去掉重复的对象,本文给大家总结了一些JS对象去重的多种方式,并通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-09-09
JavaScript格式化日期时间的方法和自定义格式化函数示例
JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法2014-04-04
JavaScript跨浏览器获取页面中相同class节点的方法
这篇文章主要介绍了JavaScript跨浏览器获取页面中相同class节点的方法,本文讲解使用getELementsByClassName函数解决这个需求,并给了一个开源的getELementsByClassName函数实现,功能更加强大,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了JavaScript树形结构数组处理之递归问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了通过微信公众平台获取公众号文章的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
今天突然想起做一个当鼠标经过<a/>时，会发出声音2010-05-05
JavaScript实现点击自动选择TextArea文本的方法
这篇文章主要介绍了JavaScript实现点击自动选择TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常简单实用,需要的朋友可以参考下2015-07-07
最新评论