理解JavaScript闭包

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

一、引言

首先理解JS变量的作用域，明确几点：

1.函数内部可以直接读取全局变量

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

2.在函数外部自然无法读取函数内的局部变量

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

函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！

3.如何从外部读取局部变量？

方法就是在函数的内部，再定义一个函数。

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

函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。
这就是Javascript语言特有的**"链式作用域"结构 **（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

所以：把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！

二、闭包的概念

上一节代码中的f2函数，就是闭包。

这里作者理解：闭包就是能够读取其他函数内部变量的函数。

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

• 返回函数不要引用任何循环变量，或者后续会发生变化的变量

三、闭包的用途

• 读取函数内部的变量
• 让这些变量的值始终保持在内存中

四、理解一个栗子

var name = "The Window";
var object = {
    name : "My Object",
    getNameFunc : function(){
        return (function(){
             alert(this.name);
        })();
    },

    getName:function(){
        alert(this.name);
    }
};
object.getNameFunc();  //The Window
object.getName();  //My Object

函数 getNameFunc 内返回一个闭包，因此 this 指向全局对象，所以 this.name 即为定义在全部作用域下的 name（“The Window”）。
而函数 getName 内并未返回闭包，因此 this 指向当前对象，所以 this.name 即为当前作用域下的 name（“My Object”）。
你要明白一点，正是因为闭包的使用，才使得当前作用域可以访问外部的作用域成为可能。

注意：《Javascript权威指南》提到：当一个函数作为函数而不是方法来调用的时候，this指向的是全局对象。