this的值

• 在面向对象的编程中，this值很重要，且它的值取决于调用的模式

1. 方法调用模式：this被绑定到该对象

     var name = "outer";
     var myObj = {
         name : "inner",
         getName : function () {
             return this.name;
         }
     };
     console.log(myObj.getName());   //inner,this指向myObj

2. 函数调用模式：this被绑定到全局对象

     var name = "outer";
     var myObj = {
         name : "inner",
         getName : function () {
             return function(){
                 return this.name;
             };
         }
     };
     console.log(myObj.getName()());  //outer,this指向window

   解决办法为

   var name = "outer";
     var myObj = {
         name : "inner",
         getName : function () {
             var that = this;
             return function(){
                 return that.name;
             };
         }
     };
     console.log(myObj.getName()());  //inner

3. 构造器调用模式：在函数前面使用new来调用，会创建连接到该函数的prototype属性的新对象，this会绑定到这个新对象上

     function Dog (color) {
         this.color = color;
     }
     Dog.prototype.getColor = function (){
         return this.color;
     };
     var dog = new Dog("yellow");  //this绑定到dog上
     console.log(dog.getColor());  //yellow

4. Apply/Call调用模式：函数拥有这两个方法，允许我们选择this的值

     var name = "outer";
        var myObj = {
          name : "inner",
          getName : function () {
              return this.name;
          }
      };
      
      console.log(myObj.getName());   //inner,this指向myObj
      console.log(myObj.getName.apply(window));   //outer,this指向window

   总结：在调用函数时，对参数this及arguments的搜索不遵守作用域链规则