Javascript 框架之继承机制

_mixin = function(/*Object*/ obj, /*Object*/ hash){var nil = {};//取出dojo，是我看过的所有浅复制方法中最谨慎的//首先设置一个空对象，那么它的nil[i]方法肯定来自其原型Object.prototype//确保扩展包hash中的方法或属性在与Object.prototype的不一样，//或者是未定义，才能添加for(var x in hash){if(nil[x] === undefined || nil[x] != hash[x]){obj[x] = hash[x];}}// 在IE不能通过for...in循环中添加toString方法if(!+"v1" && hash){var p = hash.toString;if(typeof p == "function" && p != obj.toString && p != nil.toString &&p != "function toString() { [native code]}"){obj.toString = hash.toString;}}return obj; // Object};var makeBridge = function(klass) {var bridge = function() {};bridge.prototype = klass.prototype;return new bridge;}Array2 = function(){};Array2.prototype = makeBridge(Array)_mixin(Array2.prototype,{newMethod : function(){return "newMethod"},newMethod2 : function(){return "newMethod2"},constructor: Array2})var a = new Array2("dd",4);for(var i in a){alert(i + " " + a[i])//在IE不能遍历出constructor属性}<br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' title="liehuo.net" target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

　　上面的_mixin方法是最常见的继承方法，早期的Prototype也是依靠来拷贝原型方法，堂而皇之地称之为extend，而且什么也情况也不考虑。在Ext这里分成几种情况apply,applyif,override。在mootools中则叫add。

　　好了，我们来考虑如何访问父类方法（我们可以通过重载方法来区分哪是子类方法，哪是父类方法）。要想访问父类方法，就必须能访问父类，我们把父类的名称保存在子类原型的一个属性即可。我们把makeBridge方法扩展一下，更名为inherit。

_mixin = function(/*Object*/ obj, /*Object*/ hash){var nil = {};//取出dojo，是我看过的所有浅复制方法中最谨慎的//首先设置一个空对象，那么它的nil[i]方法肯定来自其原型Object.prototype//确保扩展包hash中的方法或属性在与Object.prototype的不一样，//或者是未定义，才能添加for(var x in hash){if(nil[x] === undefined || nil[x] != hash[x]){obj[x] = hash[x];}}// 在IE不能通过for...in循环中添加toString方法if(!+"v1" && hash){var p = hash.toString;if(typeof p == "function" && p != obj.toString && p != nil.toString &&p != "function toString() { [native code]}"){obj.toString = hash.toString;}}return obj; // Object};function inherit(subClass, superClass) {var bridge = function() {};bridge.prototype = superClass.prototype;subClass.prototype = new bridge;subClass.prototype.constructor = subClass;subClass.prototype.superclass = superClass;return subClass;}var Animal = function(){this.name = "动物";};var Tiger = function(){}Tiger = inherit(Tiger,Animal)_mixin(Tiger.prototype,{name : "老虎",description:"独居肉性大型猫科动物"//这样这里不样重置构造器了})var t = new Tiger();alert(t.name)alert(t.description)var s = new t.superclassalert(s.name)<br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' title="liehuo.net" target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

　　但是这样做还是不爽，因为我们还是需要手动设置var Tiger = function(){}这个空函数，这个下回再说。

　　作者博客：http://www.cnblogs.com/rubylouvre/

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠