JavaScript 中的 this

今天我有幸围观了一个师兄对JavaScript基础知识的分享会，听了他对 ECMAScript 5.1 的知识总结，收获很多。

其中就让我对 this 的认识更进一步，这里就总结一下 JavaScript 中的 this：

首先，this是 Javascript 语言的一个关键字。 this的含义可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。 JavaScript 中 函数的调用方式有以下几种：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。

1. 作为对象方法调用

在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象。

比如：

var point = {

x : 0,

y : 0,

moveTo : function(x, y) {

this.x = this.x + x;

this.y = this.y + y;

}

};

point.moveTo(1, 1); // this 绑定到当前对象，即 point 对象

2. 作为函数调用

函数也可以直接被调用，此时 this 绑定到全局对象。

比如：

function fn(x) {

this.x = x;

}

fn(5);

x; // x 已经成为一个值为 5 的全局变量

3. 作为构造函数调用

JavaScript 支持面向对象编程，但是 JavaScript 并没有类（class）的概念，而是使用基于原型（prototype）的继承方式。相应的，JavaScript 中的构造函数也很特殊，如果不使用 new 调用，则和普通函数一样。如果调用正确，this 绑定到新创建的对象上。

比如：

function Point(x, y) {

this.x = x;

this.y = y;

}

4. 使用 apply 或 call 调用

前面提到 JavaScript 中的函数也是对象，对象则有方法，apply 和 call 就是函数对象的方法。这两个方法异常强大，他们允许切换函数执行的上下文环境（context），即 this 绑定的对象。

比如：

首先，我们使用构造函数生成了一个对象 p1，该对象拥有 moveTo 方法；同时，我们使用对象字面量创建了另一个对象 p2；

然后，我们看到使用 apply 可以将 p1 的方法应用到 p2 上，这时候 this 也被绑定到对象 p2 上。另一个方法 call 也具备同样功能，不同的是最后的参数不是作为一个数组统一传入，而是分开传入的。

function Point(x, y) {

this.x = x;

this.y = y;

this.moveTo = function(x, y) {

this.x = x;

this.y = y;

}

}

var p1 = new Point(0, 0);

var p2 = {x: 0, y: 0};

p1.moveTo(1, 1);

p1.moveTo.apply(p2, [10, 10]); // p1.moveTo.call(p2,10,10)

特别需要强调的是 函数调用时 this 绑定的过程，不管函数以何种方式调用，都需完成 绑定过程，不同的是，作为函数调用时，this 绑定到全局对象；作为方法调用时，this 绑定到该方法所属的对象上。