在JavaScript中，this关键字是动态绑定的，或称为运行期绑定，这极大地加强的我们顺序的灵活性，同时也给初学者带来了许多疑心。本文总结了this的几个运用场景和罕见误区。

全局环境

在全局环境中运用this，它会指向全局对象。在web游览器中，也就是window对象。

alert(this === window);    // true

函数挪用

当作为平常函数被挪用时，函数内部的的this也会指向全局对象。

var name = "window";

function sayName(){
    var name = "fun";
    alert(this.name);
}

sayName();    // "window"

作为对象的要领挪用

当作为对象内部的要领被挪用时，这里this指向这个要领地点的对象。

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    alert(this.name);
  }
};

obj.sayName();    // "obj"

作为组织函数挪用

JavaScript 中的组织函数很特别，假如不运用 new 挪用，则和平常函数一样。作为又一项约定俗成的原则，组织函数以大写字母开首，提示挪用者运用准确的体式格局挪用。假如挪用准确，this 绑定到新创建的对象上。

function Person(name){
    this.name = name,
    this.sayName = function(){
        alert(this.name);
    }
}

var person1 = new Person("daoko");
person1.sayName();    // "darko"

apply和call挪用

apply和call是函数对象的的两个要领，它们能够修正函数实行的上下文环境，即this绑定的对象。apply和call的第一个参数就是this绑定的对象，若apply和call的参数为空，则默许挪用全局对象。

var name = "window"

var obj = {
  name: "object"
}

function sayName(){
  alert(this.name);
}

sayName();    // 直接挪用函数sayName
sayName.call(obj);    // 用call要领修正this的指向
sayName.call();    // 当call要领的参数为空时，默许挪用全局对象

特别状况

罕见毛病

我们起首来看如许一个栗子：

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    var test = function(){
      alert(this.name);    // this绑定到全局对象上
    }
    test();
  }
}

obj.sayName();    // "window"

是否是和上面说的作为对象的要领挪用状况很像，根据我们的明白此时的this应当指向obj对象，然则实际状况不是如许的，此时的this指向全局对象。

这属于 JavaScript 的设想缺点，准确的设想体式格局是内部函数的 this 应当绑定到其外层函数对应的对象上，为了躲避这一缺点，我们能够运用变量替换的要领，约定俗成，该变量平常被命名为 that。 在这个栗子中，如许我们创建了一个局部变量that来指向obj对象。

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    var that = this;    // that指向对象obj
    var test = function(){
      alert(that.name);
    }
    test();
  }
}

obj.sayName();    // "obj"

要领的赋值表达式

当我们把一个对象的要领赋值给一个变量时，它的this会发作什么变化呢? 看个栗子:

var name = "window";

var obj = {
  name: "obj",
  sayName: function(){
    alert(this.name);
  }
}

var test = obj.sayName;
obj.sayName();    // "obj"
test();    // "window"

从上面这个栗子中我们能够看到，当把对象obj的要领赋值给一个新的变量test时，它的this指向发作了变化，test就向一个平常的函数一样被挪用，此时指向全局对象。