大一點的框架都有這個東西。Prototype原來的繼承機制非常弱，為了與mootools對抗也強化了這一方面。嘛，要用原型繼承來模仿類繼承，都基本存在一個克隆函數(shù)。把父類的原型屬性復(fù)制到子類上去。理念的東西暫時這么多，動手實踐一下最實際。我們設(shè)計一個數(shù)組類，擁有原生數(shù)組的能力與新擴展的能力。

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);

運行代碼

很顯然這是工廠方法，生成的原生數(shù)組，如果要擴展而不污染原生數(shù)組就又要再加一重包裝。我們看繼承是怎樣實現(xiàn)的。這涉及到兩個類，原生數(shù)組類與新數(shù)組類。先看代碼：

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的原型鏈的關(guān)系，我們不能直接var Array2 = Array;var a = new Array2；這樣一旦從Array2的原型添加新方法（添加方法都建議往原型里加，不建議做成類方法）時，Array的原型也被加上了，因為它們是在同一條船上。我們必須斷開它們。于是我們需要一個Parent函數(shù)做橋接。我們可以說Array為目標父類，Parent為真正父類。先把目標父類的原型賦給Parent的原型，這樣Parent就擁有其所有公開的方法，然后我們再把這些方法賦給Array2。但這時Array2的實例的constructor 仍為原生的數(shù)組，我們要修正一下，也就是把它的原型上的constructor屬性指向自己（Array2）即可（原來是Array）。我們可以參見下圖看Prototype與constructor的關(guān)系。

it知識庫：javascript框架之繼承機制(一)，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。