1、由于在原型中查找值的過程是一次搜索,因此我們對原型對象所做的任何修改都能夠立即從實例上反映出來---即便是先創建了實例后修改原型也是如此。代碼如下:

function Person(){ } var friend=new Person(); Person.prototype.sayHello=function(){alert("Hello"); } friend.sayHello(); //輸出:Hello

上面這段代碼先創建了Person的一個實例,并將其保存在friend中。接著下一個代碼塊在Person.prototype(Person的原型屬性對對象)中添加了一個方法sayHello();

根據輸出,我們發現即使friend實例是在添加新方法之前創建的，但它任然可以訪問這個新方法。

其原因可以歸結為實例與原型之間的松散連接關系，當我們調用friend.sayHello()時,首先會在實例中搜索名為sayHello的屬性方法,如果實例屬性中沒有,則會繼續去搜索原型。而原型與實例之間是通過[[prototype]]指針相連接的(實例通過[[prototype]]指針指向原型屬性對象來調用原型中的方法和屬性),正因為[[prototype]]是一個指針,并不是Person的副本,所以即使修改(添加)原型的方法在創建完實例之后,該實例任然可以訪問完成修改之后的原型對象!

?

2、盡管利用上面所說的實例與連接的松散連接關系,我們可以隨時為原型添加屬性和方法，并且修改能夠在所有的實例中反映出來。

但是如果重寫整個原型對象，那么情況就不一樣了,在前面的隨筆中曾說過,當調用構造函數創建一個對象實例時JS會為實例添加一個指向最初原型(也就是Person.prototype)的[[prototype]]指針,而像下面的代碼中那樣,把原型修改成另外一個對象，并不能改變實例中的[[prototype]]指針的值(說明白點,就是實例還是指向最初原型)；

注意:實例中的[[prototype]]僅指向最初原型;

function Person(){ } var friend=new Person(); Person.prototype={constructor:Person,name:"張三",age:22,sayHello:function(){alert("Hello James");} }; friend.sayHello(); //error 控制臺報錯!

從上面的圖我們可以看出,重寫原型對象之后,并沒有是對象實例的[[prototype]]指針的值發生改變，它還是指向最初的原型對象。

?

總結

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

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