初学者完全理解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关键字呢。