Javascript 框架之担任机制

　　猛火网(LieHuo.Net)教程 大一点的框架都有这个对象。Prototype原本的担任机制很是弱，为了与mootools反抗也强化了这一方面。嘛，要用原型担任来仿照类担任，都根基存在一个克隆函数。把父类的原型属性复制到子类上去。理念的对象暂且这么多，下手实践一下最现实。我们计一律个数组类，拥有原生数组的手段与新扩展的手段。

var isNumber = function(n){ return typeof n === 'number' && isFinite(n); } var vArray = function(){ if(arguments.length == 0){ return []; }else if(arguments.length == 1 && isNumber(arguments[0])){ return new Array(arguments[0]); }else if(arguments.length > 1){ return Array.prototype.slice.apply(arguments); } } var a = vArray(); alert(a); var b = vArray(7); alert(b); var c = vArray(1,3,"司徒正美",true); alert(c);
提醒：可修改儿女码再运行!

　　很显然这是工场要领，天生的原生数组，假如要扩展而不污染原生数组就又要再加一重包装。我们看担任是奈何实现的。这涉及到两个类，原生数组类与新数组类。先看代码：

var Parent = function(){}; Parent.prototype = Array.prototype; var Array2 = function(){}; Array2.prototype = new Parent; Array2.prototype.newMethod = function(){ return "newMethod"; }; Array2.prototype.constructor = Array2; var a = new Array2("dd",4); alert(a.newMethod) var b = new Array("dd",4); alert(b.newMethod)
提醒：可修改儿女码再运行!

　　因为javascript的原型链的相关，我们不能直接var Array2 = Array;var a = new Array2；这样一旦从Array2的原型添加新要领（添加要领都提议往原型里加，不提议做成类要领）时，Array的原型也被加上了，由于它们是在统一条船上。我们必需断开它们。于是我们必要一个Parent函数做桥接。我们可以说Array为方针父类，Parent为真正父类。先把方针父类的原型赋给Parent的原型，这样Parent就拥有其全部果真的要领，然后我们再把这些要领赋给Array2。但这时Array2的实例的constructor 仍为原生的数组，我们要批改一下。我们可以拜见下图看Prototype与constructor的相关。

　　我们再把部门代码抽取出来做成一个要领：

_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 != "nfunction toString() {n [native code]n}n"){ 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.veryhuo.com/' title="liehuo.net" target='_blank'>http://www.veryhuo.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 != "nfunction toString() {n [native code]n}n"){ 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.superclass alert(s.name) <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' title="liehuo.net" target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

　　可是这样做照旧不爽，由于我们照旧必要手动配置var Tiger = function(){}这个空函数，这个下回再说。

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

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!