JavaScript 继承中 proto 和 constructor.prototype 有什么区别？

理解 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中文网其他相关文章！