Javascript this关键字
经常this使用上比较混乱,所以总结一下。
Javascript中的this其实跟java、C++等oo语言的含义,其实没有什么太大不同,但是由于javascript自身的特殊性,函数既是函数也是对象,导致this容易混淆。有人说this指的是,调用函数的那个对象。为了与其他oo语言的this概念统一一下,说this指向当前对象也没有什么不妥。
情况一:纯粹的函数调用:
function test(){
this.x = 1;
alert(this.x);
}
test(); //这里对话框弹出内容为1
为了证明this就是全局对象,我对代码做一些改变:
var x = 1;
function test(){
alert(this.x);
}
test();//这里对话框弹出内容为1
var x = 1;
function test(){
this.x = 0;
}
test();
alert(x); //这里对话框弹出内容为0而不是1
可见this此时为全局对象。这是因为此时调用test的对象为全局对象window,所以当前对象也就是this指向的对象为window
情况二:作为对象方法的调用
函数还可以作为某个对象的方法调用,这时this就指这个上级对象。
function test(){
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); // 1
情况三 作为构造函数调用
所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。
function test(){
this.x = 1;
}
var o = new test();
alert(o.x); // 1
运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:
var x = 2;
function test(){
this.x = 1;
}
var o = new test();
alert(x); //2
运行结果为2,表明全局变量x的值根本没变。
情况四 作为字面量调用
var name='tt';
var test={
name:'hh',
tt:this.name
};
alert("name:"+test.tt);
运行结果是弹框内容为tt而不是hh。这种情况跟情况一类似
情况五 apply函数可以改变this的指向
apply()的参数为空时,默认调用全局对象
var x = 0;
function test(){
alert(this.x);
}
var Q={};
Q.x = 1;
Q.m = test;
Q.m.apply(); //弹框内容为全局的x的0,而不是Q的x的1
若把最后一行改为Q.m.apply(Q);这句代码的意思是Q.m的this为Q,即此时test的this为Q,于是弹框内容为Q的x的1