Javascript中的this关键字（精华版）

ECMA-262解释：

The this keyword evaluates to the value of the ThisBinding of the current execution context.

由于“ThisBinding”和“current execution context”讲解起来过于复杂，因此下面给出等价的概念（关于this的判断方式）。

ECMA-262等价概念：

当函数被直接调用时this指向全局对象（在浏览器中就是window），这也是Javascript的一个特性，常用来判断一个函数是被直接调用的还是

被当作函数方法来调用的。当函数被当作某个对象的方法来调用时（即通过“.”或“[]”来调用时），this指向该对象（调用方法的对象）。此

外，可以通过call和apply来强制改变this（new运算的过程中包含call）。

实例分析：

当函数被当作某个对象的方法来调用时（即通过“.”或“[]”来调用时），this指向该对象：

当函数被直接调用时，this指向全局对象（在浏览器中就是window）：

通过call和apply来强制改变this（当call和apply没有参数输入时，均会采用默认值window）：

通过call和apply来强制改变this（为call和apply指定目标对象）:

使用new运算符（new运算中调用了call，并且call的目标对象为new运算所产生的新对象）:

最后，来看看两个常用的函数，它们对this的处理也需要我们留意：

可以看出，addEventListener会将this指向所绑定的元素（DOM对象），而attachEvent则会将this指向window（无论所绑定的对象是什么）。

这也就是为什么各个JS库（比如jQuery）在事件绑定的实现中都会使用call或者apply（修复attachEvent强制this指向window的问题）。

原作者：微米博客

如若引用  请注明出处