初学者彻底理解javascript闭包以及this关键字

不管是闭包还是this关键字，都是困扰JS初学者的比较难懂的东西，如果你对它们的认识还不足够清晰，那么现在就一起把它们掌握掉。还是那句话，我们从最基本的开始，建立起一个非常清晰的知识结构，好了，开始吧 ?

闭包

当然我们今天说的是javascript里的闭包。要学习闭包，首先需要明白函数和变量，其次要知道变量和函数的一些特性。来复习一下：

变量

变量是那些会变化的东西（就这么简单），变量有一个值，我们能改变这个值。我们先声明一个变量名，然后对这个变量赋值，就创建了一个变量。变量分按作用域（这个很重要后面会讲到）为全局变量和局部变量。

函数

我们最初学习的是通过函数声明来创建一个函数，即首先是 function 关键字，然后是函数的名字，这就是指定函数名的方式。另一个方式叫做函数表达式，最常见的形式是这样的：

var functionName = function(arg0, arg1, arg2){
//函数体
};

我们创建的这个函数叫做匿名函数，因为 function 关键字后面没有标识符，没有名字嘛。
结合函数和作用域，我们来小小地总结一下：函数内可以读取函数外的变量，而函数外却读取不了函数内部的变量（局部变量）。理解了这句话，我们就可以来看闭包了：

闭包

前面说过，函数可以访问函数作用域链中的变量，但如果我们想在函数外访问函数内却不行了。比如这个例子：

　　function myfunction(){
　　　　var num=21;
　　}
　　alert(num); // error

眼前就有一个变量，尴尬的是我们调用不了。
想想办法：根据函数可以访问函数作用域链中的变量这句话，如果我们在函数内再定义一个函数，让这个新函数访问旧函数里的变量，然后返回这个函数，然后直接运行那个旧函数不就可以了吗！

function myfunction(){
　　　　var num=21;
　　　　function newfunction(){
　　　　　　alert(num); 
　　　　}
　　　　return newfunction;
　　}
　　var result=myfunction();
　　result(); // 21

没有任何问题，在函数外面成功访问到了num变量。
恭喜你，你刚刚创建了一个闭包。。。是的，这个就是闭包。闭包就是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。

明白了闭包，再来看为什么可以把闭包和this放一起理解：

this关键字

首先你需要记住的是：this的对象是运行时基于函数的执行环境绑定的，它的指向完全取决于函数的调用方式

不多说来看两个经典例子：

第1个例子

var name = "The Window";
var object = {
  name : "My Object",
  getNameFunc : function(){
    return function(){
      return this.name;
    };
  }
};
alert(object.getNameFunc()()); //"The Window"（在非严格模式下）

第2个例子

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

关于这两个例子，我个人感觉《Javascript高级程序设计》这本书里讲得不够明确。我的理解是第1个例子里是在全局环境中调用了这个函数，所以this关键字最终指向了全局对象The Window，从而利用闭包在全局环境中调用了The Window；第2个例子不同，它返回的是that的name，而this对象被赋值给了that变量，就是说this对象和that捆绑在了一起，那么在调用这个方法时相当于在object里利用闭包去寻找最终变量（that是引用着object的），所以只能找到My Object变量。

这两个例子非常好，怎么个好法呢。它们完整解释（展现）了闭包的作用机理或者说过程，同时又证明了this关键字在函数被不同的环境调用时的指向是不一样的。

怎么样，看到这里是不是彻底明白了闭包和this关键字呢。