Javascript this关键字详解（摘自Javascript语言精粹一书）

在javascript的函数里可以使用一个this关键字，在不同情况下，它所指代的东西有所不同。

1.方法调用模式

当一个函数被当做某对象的方法调用时，this代表该对象自己

var person = {
name : '张三',
talk : function(){
alert(this.name+' 正在和某人聊天');  //此处this指向了对像person
}
}

person.talk();    //张三 正在和某人聊天

2.函数调用模式

当一个函数并非一个对象的属性而被调用时，this被绑定到全局对象（即全局变量window），就算这个函数是某个方法的子函数也一样。

window.name = 'the window';
function getName(){
alert(this.name);
}
getName();  //"the window"

window.name = 'the window';
var person = {
name : '张三',
alertName : function(){
function getPersonName(){
return this.name;
}
alert(getPersonName());
}
}
person.alertName();    //弹出“the window”而不是“张三”

3.构造器调用模式

当一个函数被当做对象的构造器调用时，this指向要被创建的那个新对象

function Person(name){
this.name = name;  //this指向变量zhangsan
}
Person.prototype.getName = function(){
alert(this.name);
}
zhangsan = new Person('张三');
zhangsan.getName();  //张三

4.apply调用模式

在javascript中函数也是对象，每个函数都有一个apply方法，此方法允许我们用指定的this调用函数

var zhangsan = {
name:'张三',
getName:function(){
return(this.name);
}
}

var lisi = {
name:'李四'
}

var name1 = zhangsan.getName();  //张三
var name2 = zhangsan.getName.apply(lisi);  //李四