浅谈javascript闭包（closure）

闭包是js语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。

一.变量的作用域

   要理解闭包，首先必须理解javascript特殊的变量作用域。
   变量的作用域有两种：全局变量和局部变量。
   js语言的特殊之处，就在于函数内部可以直接读取全局变量。
   例如：

var n = 9999;
function f1(){
   alert(n);
}
f1();//9999

另外一方面，在函数外部自然无法读取函数内部的局部变量。

function f1(){
   var n = 99;
}
alert(n); //错误

这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量。

function f1(){
   n =99;
}
f1();
alert(n);  //99

二.如何从外部读取局部变量
   出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。
那就是在函数内部再定义一个函数。

fucntion f1(){
   var n =99;
   function f2(){
      alert(n); //99
   }
}

在上面的代码中，函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2的局部变量对f1就是不见的。这就是js语言特有的链式作用域结构，子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之不成立。
   既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗？

function f1(){
   var n=99;
   function f2(){
      alert(n);
   }
   return f2;
}
var result = f1();

result(); //99

三.闭包的概念
   上面代码中的f2函数就是闭包。
   一般闭包的定义非常抽象，我个人理解闭包就是能去读取其他函数的内部变量的函数。
   由于在js语言中，只有函数内部的字函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。
   嘿嘿，大概知道了闭包是什么了吧，好的，接下来我们看看闭包的用处。
四、闭包的用途

  闭包的用途有两个，一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保存在内存中。嘿嘿，保存在内存中，有点新鲜吧。
   怎么理解呢，看看如下：

	function f1(){
	   var n =99;
	   nAdd = function(){n+=1;};
	   function f2(){
		   alert(n);		   
	   }
	   return f2;
	   
	}
	var result = f1();
	result();
	nAdd();
	result();

   在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是99，第二次的值是100，这证明了，函数f1中的局部变量一直保存在内存中，并没有在f1调用后被自动清除。
   为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋予了一个全局变量，这导致f2始终在内存中，而f2的存在依赖f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制回收。
   这段代码中另一个值得注意的地方，就是"nAdd=function(){n+=1}"这一行，首先在nAdd前面没有使用var关键字，因此nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。
  五、使用闭包的注意点
1.由于闭包会使得函数中的变量都保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄漏。解决方法是：在推出函数之前，将不使用的局部变量删除。
2.闭包会在父函数外部，改变父函数内部变量的值，所以，如果你把父函数当作对象使用，把闭包当作它的公用方法，把内部变量当作它的私有属性，这时一定要小心，不要随便改变父函数内部变量的值。
总结：
闭包就是相当于java中一个类A中声明另一个类B，把类B当成类A的成员变量使用，而类B中的函数相当于类A的方法，类B中的属性就是私有的，类A要用类B的属性，就得声明类B。

评论

24 楼 Dollyn 2012-10-19  

shenyuc629 写道

@10楼，你看看vb以前的语言就知道了

按这个逻辑，Java什么的也和特殊...  那到底是谁特殊呢

23 楼 lcfred 2012-10-19  

有启发，谢了

22 楼 沙漠风暴425 2012-10-19  

讲的不错,对于我这样的新手原来就不算太理解,现在有点清晰了

21 楼 nihaiyan 2012-10-19  

  js语言的特殊之处，就在于函数内部可以直接读取全局变量。

真不想说什么 秀下限吗

20 楼 dsjt 2012-10-19  

引用

闭包
　　是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义（或创建）时的值（深连结）。简单来说，闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量（键值对），而这些键值对是不会随上一级函数的执行完成而销毁。

抄一段看上去比较正规并且难以理解的定义。

该定义提到：语法域，执行域，区域。

19 楼 lgs0626 2012-10-19  

好多错别字，还有没搞明白为什么第一次的值是99，第二次的值是1000呢？

18 楼 tangjikey 2012-10-19  

其实我主要是来看头像的。

17 楼 malson 2012-10-18  

很易懂，哈哈，学到了

16 楼 brzore 2012-10-18  

楼主头像才是亮点啊，果然IT民工

15 楼 o_o_0 2012-10-18  

确实浅谈~ :-)

14 楼 shenyuc629 2012-10-18  

execution context ,javascript标识符解析的过程以及他们之间的关系,闭包应该是

malie0 写道

这是哪抄来的，网上到处都是

是看了一本书然后总结的 不是抄的哈

13 楼 malie0 2012-10-18  

这是哪抄来的，网上到处都是

12 楼 sgano1 2012-10-18  

     js闭包感觉还是规范讲的最清楚,看看ECMA 262 execution context一节,如果能够清楚理解variable initialization，[[scope]],execution context ,javascript标识符解析的过程以及他们之间的关系,闭包应该是很清楚的概念,也就是在程序运行期间自由变量获得了绑定的表达式

11 楼 shenyuc629 2012-10-18  

@10楼，你看看vb以前的语言就知道了

10 楼 Dollyn 2012-10-18  

   js语言的特殊之处，就在于函数内部可以直接读取全局变量。


这个有什么特殊的？ 全局变量不就是直接读取的吗？

9 楼 thc1987 2012-10-18  

弄清楚了作用域链和原型链就不难理解闭包了
关于这两点<高性能javascript>一书有相关说明

8 楼 shenyuc629 2012-10-18  

@7楼   删除的代码我总结好了写在后面  最近期待吧

7 楼 lazy_ 2012-10-18  

lazy_ 写道

lazy_ 写道

1.由于闭包会使得函数中的变量都保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄漏。解决方法是：在推出函数之前，将不使用的局部变量删除。 

怎样删除？

可恶的ENTER键，直接提交了。

给个例子代码吗，你怎么删除？

6 楼 shenyuc629 2012-10-18  

@2楼  闭包的定义百度很多，只要理解就好，定义很抽象。

5 楼 lazy_ 2012-10-18  

lazy_ 写道

1.由于闭包会使得函数中的变量都保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄漏。解决方法是：在推出函数之前，将不使用的局部变量删除。 

怎样删除？

可恶的ENTER键，直接提交了。