理解原型對象

Zack 發布于2019-08-21 16:22 / 3314人閱讀

無論什么時候，我們創建的每個新的函數都會有一個prototype（原型）屬性，這個屬性是一個指針，會指向一個對象，即該函數的原型對象。在默認的情況下，所以的原型對象都會自動獲得一個constructor屬性，可以叫構造器屬性，也可以叫構造函數屬性，這個屬性是一個指向prototype屬性所在函數的指針.如下圖所示：

當讀取某個對象的某個屬性時，都會先從對象實例本身開始檢索，如果沒有，再到該函數的原型中去查找。
雖然我們可以通過對象實例來訪問原型中的值，但是卻不能通過對象實例重寫原型中的值。如果在實例中，添加了一個與原型中相同名字的屬性，該屬性就會屏蔽掉原型中的那個屬性，即使我們把這個屬性設為null，也不會恢復其指向原型的連接，不過，使用delete操作符可以完全解除實例屬性的屏蔽，使其重新恢復指向原型的連接。

這里用到的方法

1.構造函數名.prototype.isPrototypeOf(實例化對象名); 用來判斷實例化對象里是否有指向原型對象的指針[prototype]，如果有返回true;
2.Object.getPrototypeOf(); 這個方法用來返回[[prototype]]的值。例如：

alert(Object.getPrototypeOf(person1)==Person.prototype);   //true
alert(Object.getPrototypeOf(person2).name);   //"Nicholas"

3.hasOwnProperty()方法可以用來檢測一個屬性是否存在于實例中，還是存在于原型中。只有給定屬性存在于對象實例中，才會返回true.
4.原型和in操作符
有兩種方式使用in操作符，多帶帶使用和在for-in循環中使用。多帶帶使用時，in操作符會在通過對象能夠給定屬性時返回true。無論是在原型中還是實例中。

GPU云服務器云服務器理解對象原型原型鏈基于原型原型方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88462.html

【5】JavaScript 函數高級——原型與原型鏈深入理解（圖解）

摘要：探索是如何判斷的表達式如果函數的顯式原型對象在對象的隱式原型鏈上，返回，否則返回是通過自己產生的實例案例案例重要注意的顯示原型和隱式原型是一樣的。面試題測試題測試題報錯對照下圖理解原型與原型鏈深入理解（圖解）原型（prototype）函數的 prototype 屬性（圖）每個函數都有一個prototype屬性，它默認指向一個Object空對象（即稱為：原型對象）原型對象中有...

馬龍駒 2019-08-23 17:17 評論0 收藏0
JavaScript原型、原型鏈、繼承的理解

摘要：構造函數實例和原型的概念和關系每個函數都屬于對象，都會有一個屬性叫。這也是繼承的依據。這樣一來，原型找不到構造函數，這是非常蛋疼的事情，違反了原型鏈的定義啊。所以現在子對象原型和父對象原型是就建立關系了。構造函數、實例和原型的概念和關系每個函數都屬于對象，都會有一個屬性叫prototype。這個屬性指向一個對象，我們把他叫做當前函數的原型對象。原型對象下面有個屬性叫construc...

Aceyclee 2019-08-22 10:50 評論0 收藏0
理解javaScript原型、原型鏈

摘要：構造函數的屬性指向原型對象原型對象的屬性指向構造函數實例對象的指向原型對象所有引用類型默認都繼承了，而這個繼承也是通過原型鏈實現的。第一種方式是使用操作符，只要用這個操作符來測試實例與原型鏈中出現過的構造函數，結果就會返回。理解對象首先對象的定義是:無序屬性的集合，其屬性可以包含基本值、對象或者函數。嚴格來講，這就相當于說對象是一組沒有特定順序的值。對象的每個屬性或方法都有一個名...

NSFish 2019-08-26 18:13 評論0 收藏0
新手理解的JS原型鏈

摘要：我們畫張圖來表示圖中這條紅色的線就是原型鏈。我們把方法放到實例的原型對象上面，也就是上面來供所有實例使用小明小紅用圖表示補充說一下我的經歷，一開始理解原型鏈時，一直在在這個三個屬性中繞來繞去。一直以來對于JavaScript 的原型鏈的概念，始終有些東西有一種模糊感，最近剛好有時間就塌下心認真的把《JavaScript高級程序設計》中相關內容認真讀了一遍，也查看了很多網上很多資料，以...

Mike617 2019-08-23 14:49 評論0 收藏0
如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級，而實線表示屬性引用。原型鏈是實現繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

xuexiangjys 2019-08-02 16:12 評論0 收藏0
如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關系那么圖中所有的虛線將構成一個繼承層級，而實線表示屬性引用。原型鏈是實現繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...

adie 2019-08-23 16:54 評論0 收藏0