JavaScript有自己的一套this机制，在不同情况下，this的指向也不尽相同。

 

全局范围                    

1 console.log(this); //全局变量

 

全局范围使用this指向的是全局变量，浏览器环境下就是window。

注：ECMAScript5的strict模式不存在全局变量，这里的this是undefined。

函数调用中                  

1 function foo() {
   3     console.log(this); 5 } 6 9 foo(); //全局变量

函数调用中的this也指向全局变量。

注：ECMAScript5的strict模式不存在全局变量，这里的this是undefined。

对象方法调用

1 var test = {
    2     foo: function () {
    3         console.log(this); 4     } 5 } 6 7 test.foo(); //test对象

对象方法调用中，this指向调用者。

1 var test = {
    2     foo: function () {
    3         console.log(this); 4     } 5 } 6 7 var test2 = test.foo; 8 test2();  //全局变量

不过由于this的晚绑定特性，在上例的情况中this将指向全局变量，相当于直接调用函数。

这点非常重要，同样的代码段，只有在运行时才能确定this指向

构造函数

1 function Foo() {
    2     console.log(this); 3 } 4 5 new Foo(); //新创建的对象 6 console.log(foo);

在构造函数内部，this指向新创建的对象。

显式设置this

1 function foo(a, b) {
    2     console.log(this); 3 } 4 5 var bar = {}; 6 7 foo.apply(bar, [1, 2]); //bar 8 foo.call(1, 2); //Number对象

使用Function.prototype的call或者apply方法是，函数内部this会被设置为传入的第一个参数