闭包的困惑和应用~

（1）闭包在定时函数中的应用

<script type="text/javascript">

function fa(a){
var a;

setTimeout(function(  ){alert(a)},3000);}

fa(5);

</script>

其实fa(5)调完后，var a就应该马上销毁，但因为有闭包，所以a的值得以留存，所以会在3秒后显示5。

这里要注意function(  ){alert(a)}不需要带引号的，两种形式：

setTimeout(functionName,3000);}                 //函数名形式

setTimeout("functionName(  )",3000);}          //函数体形式

而function(  ){alert(a)}就相当于函数名形式

functionName=function(  ){alert(a)}

等价于

function functionName(  ){

    alert(a)

}

(2)闭包在ul li点击取索引中产生的问题

 <ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
 </ul>

    function bind( ){
        var li = document.getElementsByTagName("li");
        for (var i = 0, len = oa.length; i < len; i++) {
             (function(key){        
                  li[key].onclick=function(){
                      alert(key+1);        // li的索引从0起算
                    }
                 })( i )        //注意这里是不是i已经无所谓，也可以换成index，m，n或者其它什么参数都可以
          }

     }
    bind(    );

如果改成：

 function bind( ){
        var li = document.getElementsByTagName("li");
        for (var i = 0, len = oa.length; i < len; i++) {
             (function(index){        
                  li[index].onclick=function(){
                      alert(i+1);     
                    }
                 })(index)     
          }

     }
    bind(    );       //点击后，全部弹出4

  //这里的结果是4，因为没有块级作用域，所以找i的时候，找最近的i，而最近的i就是for循环体里面的，这个时候已经i=4，千万不要认为var i=0就以为i在外部不可调，其实这里的i已经是一个全局变量。

    而且每一次传进一次i后，又立马执行下一次函数，每次函数当前的i就销毁，所以内部已经注册好的，不会受到外界循环的影响。比如li[1].onclick=function(  ){alert(2)}，这样完后外层的function又变成新的，所以当前的index=“1”销毁了，只会保存在闭包里，即alert(i+1)还能调用，其它地方就不行啦。

（3）没有块级作用域，只有函数作用域

for(i=0;i<3;i++){

}

alert（i）      //结果为3

for（var i=0;i<3;i++）{

}

alert（i）      //结果也是3

=================================

var a=2;

if(true){

var a=10;

}

alert(a); 结果是10，这里就说明没有块级作用域。。。。。。。。if语句里定义的变量在全局都有效。。

 

（4）典型使用闭包的例子

function f(  ){

    var name="wang";

    return function(  ){

          return name;

    }

}

var a=f(  )

alert(a(  ));

典型使用闭包的状况。