JavaScript this的指向

this 的指向有几种情况：

1. 全局对象（指向 window）；
2. 作为普通函数调用（指向 window）；
3. 作为对象方法调用（一般指向该对象）；
4. 构造器调用（一般指向构造器函数）；
5. Function.prototype.call 或 Function.prototype.apply 调用（指向 Function）。

 

1. 全局对象的this

 

console.log(this); // this指向于window

 function test(){
    console.log(11);
 }
 setTimeout(function(){
    console.log(this === window); // true
    this.test(); // 11 
 });
//setTimeout() 和 setInterval()函数内部的 this 指针是指向于 window 的

 

2. 作为普通函数调用

 

var name = "longen";
function test(){
    return this.name;
}
console.log(test()); // longen

 

 

3. 作为对象方法调用

 

var obj = {
    "name": "我的名字改了",
    getName: function(){
        console.log(this); // 在这里this指向于obj对象了
        console.log(this.name); // 打印 我的名字改了
    }
};
obj.getName(); // 直接调用对象方法

 

以上是直接调用对象方法时，this 指向该对象，但是我们不能像下面这样调用对象的方法，运行函数 yunxi() 时就相当于调用了普通函数，这时 this 会指向 window ：

var name = "全局对象名字";
var obj = {
    "name": "我的花名改为云溪了，就是为了好玩",
    getName: function(){
        console.log(this);  // window
        console.log(this.name); // 全局对象名字
    }
};
var yunxi = obj.getName; 
yunxi();

 

 

4. 构造器调用

 

在 Javascript 中不像 Java 一样，有类的概念，在 JS 中只能通过构造器创建对象，当 new 运算符调用函数时，该函数会返回一个对象，一般情况下，构造器里面的 this 就指向返回的这个对象；

var Test = function(){
    this.name = "xiao";
};
var test = new Test();
console.log(test.name); // xiao

 

注意：构造器函数第一个字母需要大写，这是为了区分普通函数和构造器函数。

 

但是也有例外的情况，当构造器返回了一个对象时，此时继续调用，this 指向返回的那个对象：

var obj = function(){
    this.name = "xiao";
    return {
        "age": "27"
    }
};
var test = new obj();
console.log(test.name); // undefined，此时 this 指向返回的对象，对象里只有 age 属性，所以返回 undefined

 

 

学习资源：javascript中的this详解