javascript原型和原型繼承

每一個javascript對象(null除外)都和原型對象相關聯，每一個對象都從原型對象繼承屬性。 所有通過對象直接量建立的對象都具有同一個原型對象，並可以通過javascript代碼Object.prototype獲得對原型對象的引用。通過關鍵字new和建構函式調用建立的對象的原型就是建構函式的prototype屬性的值。因此，同使用{}建立對象一樣，通過new Object()建立的對象也繼承自Object.prototype。同樣，通過new Array()建立的對象的原型就是Array.prototype，通過new Date()建立的對象的原型就是Date.prototype。 首先，我們來瞭解一下Object.create方法。 ECMAScript5定義了一個名為Object.create()的方法，它建立一個新對象，其中第一個參數是這個對象的原型，第二個參數用以對對象的屬性進行進一步描述。使用它很簡單，直接傳入所需的原型對象即可。 例如： var o1 = Object.create({a:1, b:2});　　//o1繼承了屬性x和y var o2 = {x:10, y:20}; var o3 = Object.create(o2);　　//o3繼承了o2 如果想建立一個普通的Null 物件(比如通過{}或者new Object()建立的對象)，需要傳入Object.prototype，例如： var o4 = Object.create(Object.prototype);　　//o4跟{}和new Object()一樣   使用Object.create方法可以通過任意原型對象建立新對象，也即可以使任意對象可繼承。因此，我們可以寫一個原型繼承函數，如下： function inherit(p){ 　　if(Object.create){ 　　　　return Object.create(p); 　　}else{ 　　　　function f(){} 　　　　f.prototype = p; 　　　　return new f(); 　　} }   接著，我們來看看javascript對象的繼承。 javascript對象具有"自有屬性"，也有一些屬性是從原型對象繼承而來的。假設要查詢對象o的屬性x，如果o中不存在x，那麼將會繼續在o的原型對象中查詢屬性x。如果原型對象中也沒有x，但這個原型也有原型，那麼繼續在這個原型對象的原型上執行查詢，知道找到x或者尋找到一個原型是null的對象為止。可以看到，對象的原型屬性構成了一個"鏈"，通過這個"鏈"可以實現屬性的繼承。 例如： var o = {};　　//o從Object.prototype繼承對象的方法 o.x = 1; var p = inherit(o);　　//p繼承o和Object.prototype p.y = 2; var q = inherit(p);　　//q繼承p、o和Object.Prototype q.z = 3; q.x + q.y　　//3：x和y分別繼承自o和p