官方的回答:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),
我们可以这么理解“闭包”:在函数体内定义另外的函数作为目标对象的方法函数
而这个对象的方法函数反过来引用外层函数体中的临时变量
2.代码说明闭包的使用
<html>
<body>
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<script type="text/javascript">
var links=document.body.getElementsByTagName('a');
for(var i=0;i<links.length;i++){
links[i].onclick=function(){
alert(i);
}
</script>
</body>
</html>
点击链接,你会发现,弹出的序号提示始终是3
使用闭包解决上述问题
<html>
<body>
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<script type="text/javascript">
var links=document.body.getElementsByTagName('a');
for(var i=0;i<links.length;i++){
links[i].onclick=clickBehavior(i);
}
function clickBehavior(idx){
return function(x){alert(idx);}
}
</script>
</body>
</html>
点击链接将提示该链接的序号。
上述代码可以简写为如下:
<html>
<body>
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<script type="text/javascript">
var links=document.body.getElementsByTagName('a');
for(var i=0;i<links.length;i++){
links[i].onclick=(function(idx){
return function(){alert(idx)}})(i);
}
</script>
</body>
</html>
参考:http://www.cnblogs.com/jeffwongishandsome/archive/2009/05/17/1458405.html