javascript – 扩展类但无法访问子类的功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 扩展类但无法访问子类的功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1380字，纯文字阅读大概需要2分钟。

内容图文

以下是我的javascript代码

function extend(Child, Parent) {

    var F = function(){};
    F.prototype = Parent.prototype;
    Child.prototype = new F();
    Child.prototype.constructor = Child;
}
function BController (){
} 
function AController (){
    BController.call(this);
} 

AController.prototype.dosomething=function(){
} 

如果我打电话

 var g=new AController();
 g.dosomething ();

一切都好.但如果我打电话(我希望AContronller继承BController)

 extend(AController,BController);
 var g=new AController();
 g.dosomething ();

它总是报道

g.dosomething is not a function

方法2：
如果我改变Acontroller为

function AController ( ){
   this.dosomethingNew=function(){

   }
} 

并打电话

 extend(AController,BController);
 var g=new AController();
 g.dosomethingNew ();

没事的.

您的评论欢迎

解决方法:

你把这个电话扩展到了错误的地方.在调用扩展时,你将覆盖AController的整个原型,并在此过程中丢失dosomething.

相反,您需要在添加特定于AController的所有内容之前调用extend.

所以看起来应该是这样的：

function BController ( ){  
} // <--- no semicolon after function declarations

function AController (){
   BController.call(this);
} // <---- remove here too

extend(AController, BController);  //  <---- HERE
//Now AController's prototype is a new object whose prototype 
//is BController's prototype, thereby inheriting everything from 
//BController.  Now you may add specific stuff to AController 

AController.prototype.dosomething = function(){

};

这是一个functioning demo

内容总结

以上是互联网集市为您收集整理的javascript – 扩展类但无法访问子类的功能全部内容，希望文章能够帮你解决javascript – 扩展类但无法访问子类的功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端