由于在原型中查找值的過程是一次搜索，因此我們對原型對象所做的任何修改都能夠立即從實例上反映出來，即使是先創建了實例后修改原型也照樣如此。

如下示例：

var friend = new Person(); Person.prototype.sayHi = function() {alert("hi") ; }; friend.sayHi(); // "hi"

以上代碼先創建了Person的一個實例， 并將其保存在friend中。然后，下一條語句在Person.prototype中添加了一個方法sayHi()。即使friend實例是在添加新方法之前創建的，但它仍然可以訪問這個新方法。

其原因可以歸結為實例與原型之間的松散連接關系。當我們調用friend.sayHi()時，首先會在實例中搜索名為sayHi 的屬性，在沒找到的情況下，會繼續搜索原型。因為實例與原型之間的連接只不過是一個指針， 而非一個副本， 因此就可以在原型中找到新的sayHi屬性并返回保存在那里的函數。

盡管可以隨時為原型添加屬性和方法，并且修改能夠立即在所有對象實例中反映出來，但如果是重寫整個原型對象，那么情況就不一樣了。我們知道， 調用構造函數時會為實例添加一個指向最初原型的[[Prototype]]指針， 而把原型修改為另外一個對象就等于切斷了構造函數與最初原型之間的聯系。

請記住：實例中的指針僅指向原型，而不指向構造函數。看下面的例子：

function Person(){}var friend = new Person();Person.prototype = {constructor: Person，name : "Nicholas" ，age : 29，job : "Software Engineer" ，sayName : function () {alert (this .name);} };friend.sayName(); //error

在這個例子中，先創建了Person 的一個實例，然后又重寫了其原型對象。然后在調用friend.sayName()時發生了錯誤，因為friend指向的原型中不包含以該名字命名的屬性。

原因看下圖：

?

根據上圖中重寫原型對象前后的對比可以看出，重寫原型對象切斷了現有原型與任何之前已經存在的對象實例之間的聯系；它們引用的仍是最初的原型。

?

轉自：https://www.cnblogs.com/weiyalin/p/9405052.html

轉載于:https://www.cnblogs.com/lishanlei/p/9452235.html

總結

以上是生活随笔為你收集整理的JavaScript 原型链学习（二）原型的动态性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。