this

this是Javascript语言的一个关键字。

this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，

function test(){
    this.name = 'test';
}

this的值会随着函数使用场合的不同而发生变化。但是不变的是，this指的是，调用函数的那个对象。

关于this指向问题，与函数调用息息相关，其可大致分为四类情况：

1. 方法调用； 即作为某对象的方法调用。
2. 函数调用；即作为普通函数调用。
3. 构造器函数调用；即以new方式调用。
4. call与apply调用；即以Function.prototype.call或Function.prototype.apply调用。

#1 方法调用

var obj = {
    name: 'xiaoming',
    getName: function() {
        console.log(this === obj); //输出true
        console.log(this.name);  //输出xiaoming
        return this.name;
    }
};
obj.getName();

当函数作为对象的方法被调用时，this总是指向该对象。

#2 函数调用

var name: 'xiaoming';
var getName = function() {
        console.log(this === window); //输出true
        console.log(this.name);  //输出xiaoming
        return this.name;
    }
};
getName();

非严格模式下，当函数作为普通函数方式调用时，不论该函数调用时所处执行环境为何，this总是指向全局对象，JavaScript中即是window对象。

#3 构造器函数调用

var Person = function(name){
    this.name = name || 'person';
}
var per = new Person('xiaoming');
per.name; // xiaoming

当用new调用构造器函数时，总会返回一个对象，该对象可以看成是构造器函数一个实例，一般，此时构造器里的this就指向返回的这个对象。

#4 call和apply

 var obj = {
    name: 'xiaoming',
    getName: function() {
        console.log(this === obj); 
        console.log(this.name);  
        return this.name;
    }
};
var obj2 = {
    name: 'xiaohong'
};
console.log(obj.getName());  // 输出xiaoming
console.log(obj.getName.call(obj2)); // 输出xiaohong
console.log(obj.getName.apply(obj2)); // 输出xiaohong

当以Function.prototype.call或Function.prototype.apply方式调用函数时，动态传入参数改变执行环境，此时this指向传入的对象。