您现在的位置：首页 --> JavaScript --> JS 常用继承实现方式
JS 常用继承实现方式
浏览:1843次 出处信息
看《JavaScript 设计模式》，关于里面提到的JS继承实现的方式，分为三种，且书中都给出了相关实现。这里也不再做讲解，只求记录一下，因为自己总是有时候会忘记这些东西。
- 类式继承，extend
- 原型式继承，clone
- 掺元类继承，augment
类式继承的实现，这里面很有必要引人注意的是，superclass.prototype.constructor = superclass; 而且实现空实例要省很多资源。
如果还想调用类里面的方法，而非其原型对象的方法，可以使用call函数或者apply函数，这里不再缀述。
function extend(subClass, superClass) {
var F = function() {};
F.prototype = superClass.prototype;
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
subClass.superclass = superClass.prototype;
if(superClass.prototype.constructor == Object.prototype.constructor) {
superClass.prototype.constructor = superClass;
}
}
var F = function() {};
F.prototype = superClass.prototype;
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
subClass.superclass = superClass.prototype;
if(superClass.prototype.constructor == Object.prototype.constructor) {
superClass.prototype.constructor = superClass;
}
}
原型继承相对看起来可能要晕一些，此种方式继承适用于非函数式对象，字面直接量这种方式的继承实现。因为看函数名就能看出来，实现的是对象的克隆，那么当然最简单的方法就是将对象设置成一个空对象的原型。然后再将这个空对象返回。
function clone(object) {
function F() {}
F.prototype = object;
return new F;
}
function F() {}
F.prototype = object;
return new F;
}
掺元类的方式适用于那些子类与父类之间关系不大，只是单纯的想通过子类调用其父类的方法，把有用的方法继承过来。
function augment(receivingClass, givingClass) {
if(arguments[2]) { // Only give certain methods.
for(var i = 2, len = arguments.length; i < len; i++) {
receivingClass.prototype[arguments[i]] = givingClass.prototype[arguments[i]];
}
}
else { // Give all methods.
for(methodName in givingClass.prototype) {
if(!receivingClass.prototype[methodName]) {
receivingClass.prototype[methodName] = givingClass.prototype[methodName];
}
}
}
}
if(arguments[2]) { // Only give certain methods.
for(var i = 2, len = arguments.length; i < len; i++) {
receivingClass.prototype[arguments[i]] = givingClass.prototype[arguments[i]];
}
}
else { // Give all methods.
for(methodName in givingClass.prototype) {
if(!receivingClass.prototype[methodName]) {
receivingClass.prototype[methodName] = givingClass.prototype[methodName];
}
}
}
}
建议继续学习：
- 在C++里写一个不能被继承的类 (阅读：5686)
- PHP面向对象编程的三大特性 (阅读：3136)
- 多重继承及虚继承中对象内存的分布 (阅读：3063)
- Linux 系统文件描述符继承带来的危害 (阅读：2668)
- 关于python和C++中子类继承父类数据的问题 (阅读：2610)
- C++ 中的接口继承与实现继承 (阅读：2513)
- Javascript继承机制的设计思想 (阅读：2460)
- JavaScript 函数、作用域和继承 (阅读：2105)
- 再论Javascript的类继承 (阅读：2077)
- Javascript继承-原型的陷阱 (阅读：1945)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：跨域请求的iframe解决方案（2）
后一篇：三谈Iframe自适应高度 >>
文章信息
- 作者：simaopig 来源： 小小子，simaopig
- 标签： 继承
- 发布时间：2010-07-28 09:31:56
建议继续学习
近3天十大热文
-
[232] Go Reflect 性能 -
[20] 公钥私钥加密解密数字证书数字签名详解
-
[17] Joomla反序列化漏洞的查漏补缺
-
[16] 基于HTTP缓存轻松实现客户端应用的离线支持
-
[15] osx平台上lol英雄联盟launcher启
-
[14] Linux内存中的Cache真的能被回收么？
-
[14] 正态分布的前世今生(一)
-
[13] 我的git笔记
-
[13] 无锁HashMap的原理与实现
-
[13] SSL多域名绑定证书的解决方案
