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

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

運(yùn)行代碼

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

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)

運(yùn)行代碼

由于Javascript的原型鏈的關(guān)系，我們不能直接var Array2 = Array;var a = new Array2；這樣一旦從Array2的原型添加新方法（添加方法都建議往原型里加，不建議做成類(lèi)方法）時(shí)，Array的原型也被加上了，因?yàn)樗鼈兪窃谕粭l船上。我們必須斷開(kāi)它們。于是我們需要一個(gè)Parent函數(shù)做橋接。我們可以說(shuō)Array為目標(biāo)父類(lèi)，Parent為真正父類(lèi)。先把目標(biāo)父類(lèi)的原型賦給Parent的原型，這樣Parent就擁有其所有公開(kāi)的方法，然后我們?cè)侔堰@些方法賦給Array2。但這時(shí)Array2的實(shí)例的constructor 仍為原生的數(shù)組，我們要修正一下，也就是把它的原型上的constructor屬性指向自己（Array2）即可（原來(lái)是Array）。我們可以參見(jiàn)下圖看Prototype與constructor的關(guān)系。

it知識(shí)庫(kù)：javascript框架之繼承機(jī)制(一)，轉(zhuǎn)載需保留來(lái)源！

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