理解proto 和constructor.prototype
理解__proto__ 屬性和constructor.prototype 之間的區別很重要使用JavaScript 物件時的constructor.prototype。
proto 和原型鏈
每個 JavaScript 物件都有一個引用原型物件的內部 __proto__ 屬性它的建構子。此原型物件包含該類型物件的共享屬性和方法。
示範
考慮以下程式碼：
<code class="js">function Gadget(name, color) {
this.name = name;
this.color = color;
}
Gadget.prototype.rating = 3;
var newtoy = new Gadget("webcam", "black");</code>在此例如，newtoy 的__proto__ 將指向Gadget.prototype，其rating 屬性值為3。因此，存取 newtoy.__proto__.__proto__.__proto__ 將傳回 null，因為它沒有進一步的原型物件。
constructor.prototype.constructor.prototype
這個複雜的表達式並不會直接存取原型鏈。相反，它會嘗試存取 Gadget 建構函數的 constructor.prototype 的 constructor.prototype 的 constructor.prototype 。在本例中，它是 Gadget 建構子本身。因此，它一直指向 Gadget.prototype。
在 Internet Explorer 中檢查 Null
Internet Explorer 不支援 __proto__ 屬性。要在這種情況下檢查 null，可以使用 hasOwnProperty() 方法來確定 __proto__ 是否存在。例如：
<code class="js">if (!(newtoy.hasOwnProperty("__proto__"))) {
// `__proto__` is not supported
}</code>視覺表示
為了幫助理解，這裡有一個原型鏈的視覺圖以及__proto__ 和constructor.prototype 之間的關係：
[原型鍊和__proto__/constructor.prototype 關係的圖像]
這張簡化的圖全面概述了JavaScript 物件的內部工作原理，有助於闡明這些屬性及其角色之間的區別在原型鏈中。
以上是JavaScript 繼承中 proto 和 constructor.prototype 有什麼不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
