避免闭包引发的问题
来源:互联网 发布:java反射三种调用方法 编辑:程序博客网 时间:2024/05/16 05:47
避免闭包引发的问题
闭包的功能强大,但如果没有正确理解闭包的概念,其结果往往出乎人的意料。例如,下面是一个较常见的问题:
<div id="test">
<div>第一个</div>
<div>第二个</div>
<div>第三个</div>
<div>第四个</div>
</div>
<script>
function test()
{
var els = document.getElementById("test").getElementsByTagName("div");
for (var i = 0; i < els.length; i++)
{
var div = els[i];
div.onclick = function()
{
alert(div.innerHTML);
return false;
}
}
}
test();
</script>
无论我们点击哪个div,反馈的都是第4个div的内容。究其原因,在于每个div的点击事件都与test方法形成了闭包,且每个div的点击事件都共享同一个闭包作用域链。当事件被触发时,变量i所代表的下标已经指向第4个div。可以采用以下几种方式避免由于闭包引起的问题。
(1)使用this转换闭包的作用域链上下文,上例的闭包可以改写为:
for (var i = 0; i < els.length; i++)
{
var div = els[i];
div.onclick = function()
{
alert(this.innerHTML);
return false;
}
}
当点击div的事件被触发时,查找的作用域已经是“this”所指定的上下文。尽管该事件仍然处于“test”闭包内,但由于不访问或不使用闭包的上下文环境,也就不存在由于闭包作用域内变量被引用所引发的问题。
(2)使点击div的事件与for循环形成闭包,而使得for循环内的变量div不被回收。如:
//for循环内定义闭包方法
for (var i = 0; i < els.length; i++)
{
var div = els[i];
a(div);
function a(o)
{
o.onclick = function()
{
alert(o.innerHTML);
}
}
}
//for循环外定义闭包方法
for (var i = 0; i < els.length; i++)
{
var div = els[i];
a(div);
}
function a(o)
{
o.onclick = function()
{
alert(o.innerHTML);
}
}
//使用匿名方法,其原理与for循环内定义类似
for (var i = 0; i < els.length; i++)
{
var div = els[i];
(function(o)
{
o.onclick = function()
{
alert(o.innerHTML);
}
})(div);
}
通过中间方法a或者匿名方法,使for循环体与onclick事情产生闭包。
(3)控制变量的作用域,使点击div的事件所需变量与外层作用域无关。如:
for (var i = 0; i < els.length; i++)
{
(function()
{
var div = els[i];
div.onclick = function()
{
alert(div.innerHTML);
}
})();
}
内部函数自身也可能有内部函数。每次作用域链嵌套,都会增加由创建内部函数对象的执行环境所引发的新活动对象。ECMA262规范要求作用域链是临时性的,但对作用域链的长度却没有加以限制。闭包的潜规则即Function与内部定义的Function之间的相互作用域链上下文环境的关系。如果运用得当,嵌套的内部函数所拥有的潜能将超出了我们的想象力。
- 避免闭包引发的问题
- javascript 避免闭包引发的问题
- 关于项目导入别人jar包引发的问题总结
- 如何避免session引发的血案
- jar包引发的”血案“
- 关于闭包的面试题引发的思考
- SAPOsCol引发的问题
- 学历引发的问题
- 并发引发的问题
- #define 引发的问题
- 更新引发的问题
- 计时器引发的问题
- fork引发的问题
- const_cast 引发的问题
- AsyncTask引发的问题
- background引发的问题
- AsyncTask引发的问题
- AsyncTask引发的问题
- 面试,最终的两种结果及应对——大学生求职七大昏招衍生系列(5)
- Microsoft SQL Server 2008 All-in-One Desk Reference For Dummies 读书笔记之六
- bluefish4框架平台
- 浅谈MVC架构在DotNET WinForm中的应用(C#)
- IE下闭包引起跨页面内存泄露探讨
- 避免闭包引发的问题
- 正则表达式30分钟入门教程
- SqlDataAdapter.Fill
- 据说Eval反射绑定效率不行,还说用这个……
- [转帖]assert 函数用法
- 编程之道中英文对照版
- 诡异的梦
- 天语向前冲,山寨当自强
- Head First C# 中文版 图文皆译 第六章 继承 page249