佛山软件定制

javascript闭包(Closure)

1、什么是闭包

官方的回答：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），

我们可以这么理解“闭包”：在函数体内定义另外的函数作为目标对象的方法函数

而这个对象的方法函数反过来引用外层函数体中的临时变量

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

posted on 2011-04-20 10:57  New.min  阅读(219)  评论(0)  编辑  收藏  举报

导航