Javascript闭包（Closure）

介绍闭包前，先了解一下js的变量作用域。

变量作用域

在JavaScript中，用var申明的变量实际上是有作用域的。如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量：

function f1(){    var x = 1;    x += 1;}x = x + 2; // ReferenceError! 无法在函数体外引用变量x

如果两个不同函数各自声明了同一个变量x，那么该变量只在各自函数体内生效，换句话说，不同函数内的同名变量各自独立，互不影响：

function f1(){    var x = 1;    x = x + 1;}function f2(){    var x= 'a';    x += 'b'; }

内部函数可以访问外部函数定义的变量，反之不行：

function f1(){    var x = 1;    function f2(){        var y = x + 1; // 2    }    var z = x + y; // ReferenceError! foo不可以访问bar的变量y!}

如果有内部函数和外部函数的变量名称相同：

function f1(){    var x = 1;    function f2(){        var x = 'a';        alert(x); // 'a'    }    alert(x); // 1    f2();} 

这说明JavaScript的函数在查找变量时从自身函数定义开始，从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量，则内部函数的变量将“屏蔽”外部函数的变量。

那么，如何在f1外部读取f2的内部变量呢？

function f1(){    var x = 1;    function f2(){        var x = 'a';        alert(x);    }    return f2;}var res = f1();res(); // 'a'

闭包

其实上面的函数f2就属于一个闭包。

需要注意的问题是，返回的函数并没有立刻执行，而是直到调用了res()才执行。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成”定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

如果想从内存结构了解闭包：
参考地址：javascript 闭包详解

闭包主要有以下两大用处：

1. 读取函数内部变量；
2. 让这些变量始终保存在内存中。

看下面例子：

function f1(){    var x=1;    nAdd=function(){        x+=1;    };    function f2(){        alert(x);    }    return f2;}var res = f1();res(); // 1nAdd();result(); // 2

在这段代码中，res实际上就是闭包f2函数。它一共运行了两次，第一次的值是1，第二次的值是2。这证明了，函数f1中的局部变量x一直保存在内存中，并没有在f1调用后被自动清除。

原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

使用闭包要注意以下两点

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

2. 闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。