JS闭包

先从闭包特点解释,应该更好理解.

 

闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

 

闭包的两个特点：

 

1、作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。

2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

 

 

闭包允许你引用存在于外部函数中的变量。然而，它并不是使用该变量创建时的值，相反，它使用外部函数中该变量最后的值。

 

 

闭包就是能够读取其他函数内部变量的函数。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

 

闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

 

 

 

其实上面两点可以合成一点,就是闭包函数返回时,该函数内部变量处于激活状态,函数所在栈区依然保留.

 

我们所熟知的主流语言,像C,java等,在函数内部只要执行了return,函数就会返回结果,然后内存中删除该函数所在的区域.生命周期也就停止了.一般的js函数也是这样.

但是有闭包特性的js函数有点特殊.

就例子来说:

function a(){

 var i=0;

 function b(){

 alert(++i);

 }

 return b;

}

var c = a();

c();

 

 

在Javascript中，如果一个对象不再被引用，那么这个对象就会被GC回收。如果两个对象互相引用，而不再被第3者所引用，那么这两个互相引用的对象也会被回收。因为函数a被b引用，b又被a外的c引用，这就是为什么函数a执行后不会被回收的原因。

 

 

这是个标准的闭包.在函数a中定义了函数b,a又return了b的值.这些可以先不管.

var c = a();

c();

这两句执行很重要.

在var c = a();这行里,执行了a函数,那么肯定a经过了return.按照主流语言的函数特性,现在c的值就是a的返回值.

第二行c()的执行实际执行的就是b函数.最后不管执行的是谁,会弹出一个值为0的窗口,到此为止,所有的生命周期按理论来说就算全部结束了.

可是,如果我们再多执行一行.

var c = a();

c();

c();

第一次弹出0，第二次执行却弹出了1.

 

也就是说,第一次c()后,a中的i依然保留.自然a在内存的栈区依然保留.

 

a是return过了,但是,a及内部值却依然存在,这就是闭包.

 

好了,总结下,

1，闭包外层是个函数.

2，闭包内部都有函数.

3，闭包会return内部函数.

4，闭包返回的函数内部不能有return.(因为这样就真的结束了)

5，执行闭包后,闭包内部变量会存在,而闭包内部函数的内部变量不会存在.

 

闭包的应用场景(呵呵,复制的参考资料)

1、保护函数内的变量安全。以最开始的例子为例，函数a中i只有函数b才能访问，而无法通过其他途径访问到，因此保护了i的安全性。

2、在内存中维持一个变量。依然如前例，由于闭包，函数a中i的一直存在于内存中，因此每次执行c()，都会给i自加1。

 

根据参考资料的应用场景,我们会自然的想到java或是c++的类.虽然JS没有类的概念,但是有了类的相似执行结果.

 

 

7.2.3 实现封装

可以先来看一个关于封装的例子，在person之外的地方无法访问其内部的变量，而通过提供闭包的形式来访问：

 

Js代码  收藏代码

<strong>var person = function(){  

    //变量作用域为函数内部，外部无法访问  

    var name = "default";     

     

    return {  

       getName : function(){  

           return name;  

       },  

       setName : function(newName){  

           name = newName;  

       }  

    }  

}();  

   

print(person.name);//直接访问，结果为undefined  

print(person.getName());  

person.setName("abruzzi");  

print(person.getName());</strong>  

 

 

 

得到结果如下：

 

undefined

default

abruzzi

 

         闭包的另一个重要用途是实现面向对象中的对象，传统的对象语言都提供类的模板机制，这样不同的对象(类的实例)拥有独立的成员及状态，互不干涉。虽然JavaScript中没有类这样的机制，但是通过使用闭包，我们可以模拟出这样的机制。还是以上边的例子来讲：

 

Js代码  收藏代码

<strong>function Person(){  

    var name = "default";     

     

    return {  

       getName : function(){  

           return name;  

       },  

       setName : function(newName){  

           name = newName;  

       }  

    }  

};  

   

   

var john = Person();  

print(john.getName());  

john.setName("john");  

print(john.getName());  

   

var jack = Person();  

print(jack.getName());  

jack.setName("jack");  

print(jack.getName());</strong>  

 

 

 

运行结果如下：

 

default

john

default

jack

 

 

 

 

 

另外,还有一种格式颇受争议:

(function(a,b){ })(a,b);   立即执行的匿名函数   匿名函数也是一种闭包

如果你使用过jquery,并且观察过他的代码,你就会很奇怪他的写法,网上有人也把这种格式叫做闭包.

 

 

var $Darren; 

(function(){ 

var Obj={version:"1.0",author:"Darren"}; 

Obj.Add=function(arg1,arg2){ 

return (arg1+arg2); 

} 

Obj.Multi=function(arg1,arg2){ 

return (arg1*arg2); 

} 

$Darren=Obj; 

})(); //匿名函数，并使其马上执行 

alert($Darren.Add(6,2)); //结果 8 

alert($Darren.Multi(3,5)); //结果15 

 

评论

1 楼 刘亮love小雪 2015-04-10  

不错，非常好，我重新认识了闭包