js中this的用法
总的原则,那就是this指的是,调用函数的那个对象。
注:this是函数内部的一个特殊对象,其行为与JAVA和C#中的this大致类似,换句话说,this引用的是函数据以执行的环境对象——或者也可以说是this值(当在网页的全局作用于中调用函数时,this对象引用的就是window) 。
情况一:纯粹的函数调用
(这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。)
//例如
function test(){
this.x = 1;
alert(this.x);
}
test(); // 1
情况二:作为对象方法的调用
(函数还可以作为某个对象的方法调用,这时this就指这个上级对象。)
function test(){
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); // 1
情况三 作为构造函数调用
(所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。)
var x = 2;
function test(){
this.x = 1;
}
var o = new test();
alert(x); //2
情况四 apply调用
(apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。
注:apply()的参数为空时,默认调用全局对象。)
var x = 0;
function test(){
alert(this.x);
}
var o={};
o.x = 1;
o.m = test;
o.m.apply(); //0
// o.m.apply(o); //1
具体讲解参考:
http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html