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

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

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

根據(jù)輸出,我們發(fā)現(xiàn)即使friend實例是在添加新方法之前創(chuàng)建的，但它任然可以訪問這個新方法。

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

?

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

但是如果重寫整個原型對象，那么情況就不一樣了,在前面的隨筆中曾說過,當(dāng)調(diào)用構(gòu)造函數(shù)創(chuàng)建一個對象實例時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]]指針的值發(fā)生改變，它還是指向最初的原型對象。

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。