首页 > 代码库 > js面向对象编程:this究竟代表什么?
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对象。当然这种样例还有非常多,感觉应该是实例化的对象,可实际上却不是。因此须要注意。
參考文章
js中this的使用方法
js中this的总结
js面向对象编程:this究竟代表什么?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。