原型與原型鏈關係貫穿JavaScript
中的對象,而JavaScript
中萬物皆對象,所以原型與原型鍊是比較重要的概念,今天就帶大家一起來看看JavaScript
中的原型與原型鏈。
一、了解概念(知道有這兩個名詞即可)
原型(<em>prototype</em>
)
#原型鏈(__<em>proto__</em>
)
二、了解從屬關係
1 2 3 |
|
#註:物件的__proto__保存著該物件的建構子的prototype
# a.宣告一個建構函數
1 2 3 4 5 6 7 |
|
b.宣告一個物件
#1 2 3 4 5 6 7 8 9 10 11 12 |
|
1 2 3 4 5 6 7 8 9 |
|
#b.三、深入認識原型鏈、原型與原型繼承
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
|
#四、總結
不建議直接用__proto__
存取。
可以簡單概括為以<span style="color: rgb(0, 0, 0);">prototype</span>
#為原型節點, <span style="color: rgb(0, 0, 0);">__proto__</span>
為原型鏈條。
每個實例物件(<span style="color: rgb(0, 0, 0);">object</span>
)都有一個私有屬性(稱為<span style="color: rgb(0, 0, 0);">__proto__</span>
)指向它的建構函式的原型物件(<span style="color: rgb(0, 0, 0);">prototype</span>
)。這個原型物件也有一個自己的原型物件(<span style="color: rgb(0, 0, 0);">__proto__</span>
),層層向上直到一個物件的原型物件為 <span style="color: rgb(0, 0, 0);">null</span>
。根據定義,<span style="color: rgb(0, 0, 0);">null</span>
沒有原型,並作為這個原型鏈中的最後一個環節。
<span style="color: rgb(0, 0, 0);">someObject.[[Prototype]]</span>
符號是用來指<span style="color: rgb(0, 0, 0);">someObject</span>
的原型,<span style="color: rgb(0, 0, 0);">someObject.[[Prototype]]</span>
# === <span style="color: rgb(0, 0, 0);">__proto__</span>
#( JavaScript的非標準但許多瀏覽器實現的屬性)。
<span style="color: rgb(0, 0, 0);">Object.prototype</span>
#屬性表示<span style="color: rgb(0, 0, 0);">Object</span>
的原型對象。
被建構函數所建立的實例物件的<span style="color: rgb(0, 0, 0);">[[Prototype]]</span>
指向<span style="color: rgb(0, 0, 0);">func</span>
#的<span style="color: rgb(0, 0, 0);">prototype</span>
屬性。
推薦影片:《JavaScript極速入門_玉女心經系列》、《獨孤九賤(6)_jQuery影片教學》
#以上是藕斷絲連,JavaScript中的原型與原型鏈的詳細內容。更多資訊請關注PHP中文網其他相關文章!