this是Javascript语言的一个关键字。
this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,
function test(){
this.name = 'test';
}
this的值会随着函数使用场合的不同而发生变化。但是不变的是,this指的是,调用函数的那个对象。
关于this指向问题,与函数调用息息相关,其可大致分为四类情况:
- 方法调用; 即作为某对象的方法调用。
- 函数调用;即作为普通函数调用。
- 构造器函数调用;即以new方式调用。
- 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指向传入的对象。