大一点的框架都有这个东西。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 仍为原生的数组，我们要修正一下，也就是把它的原型上的constructor属性指向自己（Array2）即可（原来是Array）。我们可以参见下图看Prototype与constructor的关系。

it知识库：javascript框架之继承机制(一)，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。