闭包
什么是闭包
- 了解什么是闭包之前，要先了解变量的作用域，变量的作用域无非就是两种：全局变量和局部变量。
Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。
var n=999;
function f1(){
alert(n);
}
f1(); // 999
另一方面，在函数外部自然无法读取函数内的局部变量。
function f1(){
var n=999;
}
alert(n); // error
这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！
function f1(){
n=999;
}
f1();
alert(n); // 999
- 如何从外部读取局部变量
出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。
那就是在函数的内部，再定义一个函数。
function f1(){
var n=999;
function f2(){ alert(n); // 999 }
}
在上面的代码中，函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。
既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！
function f1(){
var n=999;
function f2(){ alert(n); }
return f2;
}
var result=f1();
result(); // 999
上一节代码中的f2函数，就是闭包。
各种专业文献上的"闭包"（closure）定义非常抽象，很难看懂。我的理解是，闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。
所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
- 我们来看这么一段代码
function add(){
var i = 0;
return function(){
alert(i++);
}
}
var f = add();
f();
f();
首先我们从作用域的角度来描述它，我们先定义一个全局的作用域，然后我们看add的词法环境。
当我们执行add的时候，它实际上返回了一个函数，这个函数对象在JS里面怎么描述？
我们知道，当一个函数创建的时候，在引擎内部会创建一个函数对象，这个函数里面会包含形参，函数体的内容以及会保存当前的应用环境。
也就是说，当我们返回的这个函数，它会保存当前add的作用域环境，即它的scope会指向add environment。
当我们执行f函数的时候，首先也会创建这个函数的词法作用域，我们暂且成为closure environment。同时，我们也会执行i++的操作。此时我们需要寻找变量i，实际上就在它的外层（outer）的作用域里面，也就说，当我们执行i++的时候，它顺着作用域链找到了add environment里面的i，找到之后给它加了1。
同理，继续执行f后，i就变成2。
一般来说，函数执行完以后，内部的局部变量会被释放掉，等同于不存在了，但是JS里面比较特殊，它允许函数作为返回值，此时函数有可能引用外部变量，这时它就保存了对外部词法环境的引用，这就是闭包的特性。
- 总结如下
- 闭包由函数和其相关的引用环境的组合而成
- 闭包允许函数访问其引用环境中的变量（又称为自由变量）
- 广义上来说，所有JS函数都可以称为闭包，因为JS
- 函数在创建时保存了当前的词法环境
闭包的应用-保存变量现场
-
我们首先来看这段代码
这段代码是用来做事件注册，在addHandeler里面呢，它会为一组元素去注册onclick事件，当onclick触发的时候，它可以把元素索引打出来，即希望当我点到第零个元素的时候，alert出来0，第一个元素的时候，alert出来1。
我们还是从作用域开始，我们看到onclick这里的i其实是addHandler里面的i，不管循环体执行多少次，onclick产生的函数访问的i都是最外层的i，也就是说，当一个函数改变里面i的值，i的值就会跟这边，那么最后我们去访问i的时候，i的值就已经变了，因为这个循环在不断的对i++，最后我们onclick的时候得到的i值，会变成node.length而不是01234。 -
我们再来看这段代码
这里我们把node[i].onclick赋给了helper函数，helper返回了一个函数，可以看出helper是闭包的作用，i是形参，可以被内部函数访问，也就是可以被里面的函数所访问，helper都会产生闭包保存当前的值，当我们执行函数的时候，就会弹出当时传进去的值，从而到达保存变量现场的目的
闭包的应用-封装
-
做信息隐藏，有些变量我们不能暴露给外部，或者说，我们通过自执行函数+闭包方法减少一些不必要的全局变量，但是同时又能够使这些变量在各自的自执行函数内有效。
- 这里我们observer函数里面返回了一组属性，这些属性都是接口，正常来说我们是通过外部是访问不到observer里面的observerList这个变量的，然而我们可以通过这些接口来访问observerList这个变量
使用闭包的注意点
- 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
- 闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。
思考题
如果你能理解下面两段代码的运行结果，应该就算理解闭包的运行机制了。
- 代码片段一
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());
- 代码片段二
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());
