zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    一个简单的随机数生成算法实现(C++)
    gabor 滤波的c++实现与该类得使用简介
    嵌入式软件的覆盖测试
    scanf()函数用法小结(转载)
    创建动态2维vector (C++)
    HDU 1086 You can Solve a Geometry Problem too
    计算几何多边形的重心
    HDU 1711 Number Sequence
    HDU 2602 Bone Collector
    计算几何基础篇
  • 原文地址:https://www.cnblogs.com/newmin/p/2022037.html
Copyright © 2011-2022 走看看