js闭包实例汇总(2)

时间:2014-11-17 11:04来源:网络整理作者:网络点击: 次

分享到：

复制代码代码如下: script type="text/javascript" var cnt=(function(){ var i=0; return function(){ alert(i); i++; } })(); cnt();//0 cnt();//1 cnt();//2 cnt();//3 /script 把匿名函数的执行结

复制代码代码如下:

</script>

把匿名函数的执行结果(即对里面子函数的声明赋给全局变量cut),i就保存在内存里了
执行cut()时就直接从内存取值了,i只有cnt()函数才能调用，直接alert(i)是不行的
还可以向闭包内传参

复制代码代码如下:

var cnt=(function(num){

return function(){

    alert(num);

    num++;

  }

})(5);

cnt();//5

cnt();//6

cnt();//7

//当然还可以调用时传参

var cnt=(function(){

    var i=0;

return function(num){

    num+=i;

    alert(num);

    i++;

  }

})();

cnt(1);//1

cnt(2);//3

cnt(3);//5

为了对闭包有更好的理解，我们看以下代码
比如我想返回一个数组，数组里面有5个函数，第一个函数弹出0，第二个弹出1...
代码如果这样写

复制代码代码如下:

function box(){

  var arr=[];

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

      arr=function(){return i;}

    }

return arr;   

}

var a=box();

alert(a);//包含五个函数体的数组

alert(a[0]());

alert(a[1]());

弹出的函数体
function(){return i;} }
最后这个i是4,之后++成为5
For循环停止
发现均弹出5，明显不符合我们的要求

解决方案1
自我即时执行里面的函数

复制代码代码如下:

function box(){

  var arr=[];

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

      arr=(function(num){return i;})(i);

    }

return arr;   

}

var a=box();

for(var i=0;i<a.length;i++){

  alert(a);

}

但是我们发现返回的数组里的元素是函数执行的结果，但我们想要的是函数有得升级我们的代码

解决方案2
闭包实现

复制代码代码如下:

function box(){
var arr=[];
for(var i=0;i<5;i++){

                 arr=(function(num){
                     return function(){return num;}
                 })(i);

}
return arr;
}

var arr=box();

for(var i=0;i<5;i++){

alert(arr());//0,1,2,3,4
}

关键代码

复制代码代码如下:

arr=(function(num){
return function(){return num;}
})(i);