闭包的原理

了解闭包从这些方面来考虑：

一、变量作用域:

要理解闭包，首先要理解javascript的特殊的变量作用域。

变量的作用域无非就是两种：全局作用域和局部作用域。

在JS语言中，函数可以读取全局变量：

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

但在函数外部却无法读取函数内的局部变量：

function f1(){
　　var n=1;　
　}
alert(n); // error（报错了-- n is not defined）;

注意：在函数内部声明局部变量一定要使用var关键字，如果不使用,其实是声明了一个全局变量。

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

二、在实际开发中，我们需要得到函数内部的局部变量，所以我们需要变通:

我们在函数内部再定义一个函数：

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

这时f1函数内部的所有的局部变量对函数f2来说都是可见的，但是f2内部的局部变量对f1来说是不可见。

这是因为JS语言的链式作用域:子对象会一级一级的向上寻找父对象的变量，所以，父对象的所有变量，对子对象都是可见的，而子对象的变量对父对象是不可见的。

既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！

　function f1(){
　　　　var n=1;
　　　　function f2(){
　　　　　　alert(n); 
　　　　}
　　　　return f2;
　　}
　　var func=f1();
　　func(); // 1

三、闭包的概念

其实f2就是一个闭包函数，闭包就是外层函数可以读取其他函数的内部变量的函数。

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

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

四、闭包的用途（优点）

闭包可以用在许多地方，它的最大用处有两个：

一个是前面提到的可以读取函数内部的变量；

另一个就是让这些变量的值始终保持在内存中。

同时我们理解一下函数的执行：

每一次函数调用哪怕调用是同样的的函数，每次调用都会产生全新的执行环境；
在每一次执行环境中，都会执行一遍JS解析过程，里面声明的变量对外界来说都是未知的，

并且这些局部变量一般来说，在这个函数执行完成之后，就释放了（被垃圾回收机制回收了）。

五、闭包的注意点（缺点）

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题；在IE中可能导致内存泄露。

解决方法是，在退出函数之前，将不使用的局部变量全部删除。

六、闭包的练习

1.以下代码产生什么输出：

var arr = [ { name: '张三1' },
{ name: '张三2' },
{ name: '张三3' },
{ name: '张三4' } ];
for ( var i = 0; i < arr.length; i++) {
arr[ i ].sayHello = function () {
console.log(i);
};
}
for ( var j = 0; j < arr.length; j++ ) {
arr[ j ].sayHello();
}

答案：4,4,4,4

2.以下代码产生什么输出：

var  arr = [ { name: '张三1' },
        { name: '张三2' },
        { name: '张三3' },
        { name: '张三4' } ];
    for ( var i = 0; i < arr.length; i++) {
        arr[ i ].sayHello = function () {
            console.log(i);
        };
    }
    for ( var i = 0; i < arr.length; i++ ) {
        arr[ i ].sayHello();
    }

答案：1,2,3,4

文章参考：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html