关于js闭包杂记

浏览数：124 / 时间：2015年06月09日

闭包：一个函数oneF里return了另一个函数innerF，然后在oneF外面运行了函数innerF，如果innerF里有用到在oneF里定义的变量，则此时依然可以引用到，

但是变量值不是定义函数innerF那时变量的值，而是运行函数innerF时变量的值（此时很可能由于已经运行了函数oneF而导致变量值与定义函数innerF时变量的值不同）。

function oneF(){
    var arr=[];
    for(var i=0;i<3;i++){
        arr[i]=function(){alert(i);};
    }  
    return arr;    
}
oneF()[0]();  //3而不是0

若要改成0，可以在定义函数后立即执行就能把i的值保存下来了：

示例2：

function oneF(){
    var arr=[];
    for(var i=0;i<3;i++){
        arr[i]=(function(pi){
            return function(){alert(pi);}
        })(i);  //立即一个匿名自执行函数来返回存入arr的函数
    }  
    return arr;    
}
oneF()[0]();    //0

用途：

1：匿名自执行函数就是闭包机制的应用，如上例中arr[i]=function(){alert(pi);},这里的pi就是调用了父函数的参数pi。

2：可以使变量一直保存在内存里，适用于需要保存变量的值提供给下次使用，如累积结果或保存第一次的计算值，第二次就可以直接使用了。

function oneF(){
    var a=0;
    function innerF(){a=a+10;alert(a);}    
    return innerF;
}
var f=oneF();
f();//10
f();//20

想一想下面的例子（结合示例2）：

function oneF(){
    var a=0;
    function    innerF(){a=a+10;alert(a);}    
    return innerF;
}
oneF()(); //10
oneF()(); //??

注意闭包函数的执行环境:

var name=‘global name‘;
var obj={
    name:‘local name‘,
    f:function(){return function(){alert(this.name);}}
};
obj.f()();

结果是’global name‘,原因是function(){alert(this.name)}这个函数在实际运行时是在全局环境里运行的。

保存缓存：

var obj={
    a:‘default‘,
    oneF:function(){
        var that=this;
        return function(){
             if(that.a!==‘default‘){alert(‘第一次运行以后:‘+that.a);}
             else{   //一连串复杂运算后得出a的值
                       that.a=8;
                       alert(‘第一次运行:‘+that.a);
             }
         }
      }
};
var f=obj.oneF();
f();    //第一次运行:8
f();    //第一次运行以后:8