js面向对象编程:this到底代表什么?
在js中this的用法很让人迷惑,有些像Java或者C#中的this,但又不完全一样。按照流行的说法this总是指向调用方法的对象。
1、纯粹函数调用。
function ListCommon2(x) { this.x=x; alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert("this.constructor"+this.constructor); } function test(){ //测试代码 var t1=ListCommon2("烧水"); var t2=new ListCommon2("烧水2"); }经过测试发现,
如果不使用new,也就是var t1=ListCommon2("烧水");这样调用,this是全局对象Window对象,
如果使用new,也就是var t2=new ListCommon2("烧水2");;这样调用,this就变成了new出来的实例对象的应用,也就是 t2,
看来和调用方式也是有关系的。
2、作为方法调用,那么this就是指实例化的对象。
function ListCommon2(x) { this.x=x; this.Do=function(x)//特权方法 实例方法 { alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert("this.constructor"+this.constructor); } } ListCommon2.prototype.Do2=function()//实例方法 { alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert("this.constructor"+this.constructor); } function test(){ //测试代码 var t1=ListCommon2("烧水"); // t1.Do();调用错误 // t1.Do2();调用错误 var t2=new ListCommon2("烧水2"); t2.Do(); t2.Do2(); }
经过测试发现,不管是特权方法类型的实例方法,还是原型类型的实例方法,this都指向了当前新创建的对象。
3 apply,call调用
apply的第一个参数就是this,如果没有传递this就是全局对象。
改变this的方法,通过new可以改变,使用call和apply也可以改变
4 setTimeout中的this
function ListCommon2(x) { this.x=x; this.Do=function(x)//特权方法 实例方法 { window.setTimeout(function(){ alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert("this.constructor"+this.constructor); },100); } } ListCommon2.prototype.Do2=function()//实例方法 { window.setTimeout(function(){ alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert("this.constructor"+this.constructor); },100); } function test(){ //测试代码 var t2=new ListCommon2("烧水2"); t2.Do(); t2.Do2(); }
测试发现setTimeout中的this也是全局对象Window对象,当然这样的例子还有很多,感觉应该是实例化的对象,可实际上却不是。因此需要注意。
参考文章
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。