首页 / JAVASCRIPT / javascript类式继承新的尝试

javascript类式继承新的尝试

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript类式继承新的尝试，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2741字，纯文字阅读大概需要4分钟。

内容图文

我今天做的尝试是，如何更它更像其他的语言一样的使用继承机制，多层继承和更方面的调用父类的构造。
我希望达到的效果：
代码如下:

function A(){ 
alert('a'); 
} 
function B(){ 
this.$supClass(); 
alert('b'); 
} 
extend(B,A); 
function C(){ 
this.$supClass(); 
alert('c'); 
} 
extend(C,B); 
var c = new C(); 
alert( c instanceof A ); //true 
alert( c instanceof B ); //true 
alert( c instanceof C ); //true 
 
实例： 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
我的extend是这样写的: 
 代码如下: 
 function extend(subClass,supClass){ 
 var fun = function(){}, 
 prototype = subClass.prototype; 
 fun.prototype = supClass.prototype; 
 subClass.prototype = new fun(); 
 for(var i in prototype){ 
 subClass.prototype[i] = prototype[i]; 
 } 
 subClass.$supClass = supClass; 
 subClass.prototype.$supClass = function(){ 
 var supClass = arguments.callee.caller.$supClass; 
 if(typeof supClass == 'function'){ 
 supClass.apply(this,arguments); 
 this.$supClass = supClass; 
 } 
 }; 
 subClass.prototype.constructor = subClass; 
 return subClass; 
 } 
 
也许你会问，为什么不这样写: 
 代码如下:

function extend(subClass,supClass){ 
var fun = function(){}, 
prototype = subClass.prototype; 
fun.prototype = supClass.prototype; 
subClass.prototype = new fun(); 
for(var i in prototype){ 
subClass.prototype[i] = prototype[i]; 
} 
subClass.prototype.$supClass = function(){ 
supClass.apply(this,arguments); 
}; 
subClass.prototype.constructor = subClass; 
return subClass; 
} 
 
这样看似没有问题，只有一级继承时会运行的很好，但是，如果多级继承时，就会造成死循环，因为： 
 代码如下:

subClass.prototype.$supClass = function(){ 
supClass.apply(this,arguments); 
}; 
 
这个方法会被一直覆盖重写掉，而造成死循环。 
而我的做法是，用类的$supClass属性指向它所继承的父类构造，在prototype中也有个$supClass方法,这个$supClass第一次必须要在类的构造器中执行，prototype.$supClass在执行时，会通过arguments.callee.caller.$supClass来获得类的$supClass，然后通过apply在this执行。 这样$subClass就能根据不同的来，来获得类的父类构造器并执行。

内容总结

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

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/368616.html

来源：【匿名】