深入理解javascript之闭包

全新的理解，更加简洁准确的闭包

理解闭包

闭包是静态语言不具有的一个特性，闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是函数的堆栈在函数返回后并不释放，可以理解为这些函数并不在栈上分配而是在堆上分配。

 

这里需要讲一下堆栈，堆与栈都是编程语言用来在RAM中存放数据的地方。栈的优势就是存取速度比堆要快，仅次于直接位于CPU中的寄存器，但缺点是，存在栈中的数据大小与生存期必须是确定的，缺乏灵活性。堆的优势是可以动态地分配内存大小，生存期也不必事先告诉编译器，垃圾收集器会自动地收走这些不再使用的数据，但是缺点是由于在运行时动态分配内存，所以存取速度较慢。

回归正题，在了解了javascript的作用域原理之后，我们知道想从外部获取局部变量在正常情况下是办不到的。我们可以通过闭包来实现。

首先，我们在函数的内部再定义一个函数：

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

这时函数f2可以获取函数f1所有的局部变量，但是反过来就不行。因为f2可以访问f1的局部变量，所有我们把f2当做返回值给返回，就可以在外部访问f1的局部变量了：

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

这就是闭包。

如果还不能理解，看看下面两个代码的区别就明白了：

　var name = "TheWindow";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc :function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());//TheWindow

var name= "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc :function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());//MyObject

使用闭包

闭包可以读取到函数内部的变量，这的确是一个非常大的作用，但是我们还是要尽量避免使用闭包，这是为什么呢？我们在刚才介绍闭包的概念的时候说到了，闭包之后函数的堆栈不会释放，也就是说这些值始终保持在内存中。

示例：

　function f1(){

　　　　var n=999;

　　　　nAdd=function(){n+=1}

　　　　function f2(){
　　　　　　alert(n);
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

　　nAdd();

　　result(); // 1000

可以看到n一直存储在内存中，并没有在f1调用后被自动清除。

 

所以在使用闭包时需要注意，内存消耗的问题。解决办法是在退出函数之前，将不使用的局部变量全部删除。还有就是闭包可以在父函数的外部改变父函数内部变量的值，所以如果父函数是对象，把闭包当做公用方法，把内部变量当做私有属性时要注意。