JS高階系列之原型原型鏈

最近在看 j**ascript忍者秘籍這本書的時候，再加上最近遇到的關於原型、原型鏈的面試題，所以萌生了要把這些知識梳理一遍的想法，所以以下是我自己對原型、原型鏈的看法

提到原型，我們可能都會想到與物件有關的東西，但其實，原型是與函式才是密切相關的。每當我們建立乙個函式，都會有乙個指向該函式的原型物件的指標prototype，然後該原型物件上又有乙個指向該函式的指標constructor，在這裡，如果我們這個函式是乙個建構函式，那麼我們每例項化乙個物件，該物件都會有乙個指向該建構函式的原型物件的指標_proto_，那麼我就以乙個小的例子來講解一下原型物件，建構函式與例項的關係。

從圖中可以看出，通過建構函式ninja()建立了乙個物件，並且這個物件的引用是乙個變數ninja，然後該建構函式，又有乙個指向它的原型物件的屬性prototype。

談到原型，接下來就是原型物件的幾個知識點。

function ninja()
}ninja.prototype.swingsword = function();
var ninja = new ninja();
ninja.swingsword();//false

因為每次訪問例項中的屬性是，都是乙個向上查詢的過程，會先從例項物件上查詢有無這個屬性，如果有，就返回這個屬性，如果沒有，就會繼續往它的原型物件上找，一層層往上尋找，如果沒有，就返回undefined。

function ninja()
ninja.prototype.swingsword = function();
var ninja = new ninja();
ninja,prototype.swingsword = function()
ninja.swingsword();//false;

原型鏈與j**ascript中的繼承密切相關，可以說，繼承是通過原型鏈來實現的。原型鏈可以理解為乙個物件的例項是另乙個物件的原型，然後另乙個物件的例項又是另乙個物件的原型，依次類推形成的乙個鏈式結構所以一般實現繼承的方式是：將父類的例項作為子類的原型，用下面這個例子來講解一下

從可以看出，讓person的乙個例項作為子類ninja物件的原型，這樣，ninja就繼承了person上的所有屬性和方法，包括建構函式上的還有原型上的，這就是原型鏈實現繼承的方法。

那麼為什麼我們不直接將父類的原型物件直接賦給子類的原型物件呢，那是因為如果我們這樣做的話，對子類原型物件的改變，將會直接影響到了父類中的原型物件，這是乙個不可取的方法。

JS高階系列之原型原型鏈

JS高階之原型，原型鏈，繼承

JS高階原型和原型鏈

js 高階原型與原型鏈

JS高階系列之原型 原型鏈

JS高階之原型，原型鏈，繼承

JS高階 原型和原型鏈

js 高階 原型與原型鏈

相關推薦

JS高階系列之原型原型鏈

JS高階原型和原型鏈

js 高階原型與原型鏈