JavaScript prototype property and prototype link

JavaScript prototype property and prototype link

本文关键字：prototype link and property JavaScript      更新时间：2023-09-26

我了解JavaScript原型。但是要混淆原型属性和隐藏原型链接之间的区别。对象原型链接和函数原型链接有什么区别?

有人可以提供一个非常基本的例子来演示相同的(主要是原型链接/链接…比如它如何查找属性(对象原型链接和函数原型链接)

文档对象模型(DOM)是JavaScript中继承的一个很好的例子。

假设你有一个div。它是HTMLDivElement的一个实例。

var div = document.createElement('div');
div instanceof HTMLDivElement; // -> true
div instanceof HTMLElement; // -> true
div instanceof Element; // -> true
div instanceof Object; // -> true

div是一个对象，包含HTMLDivElement.prototype中的所有方法和属性。它在__proto___属性下，但这并不意味着你应该做div.__proto__.insertBefore来访问insertBefore。它就像其他语言中的include。

也就是说，div.__proto__指向HTMLDivElement.prototype。

prototype是一个对象。因此，它可以拥有自己的__proto__指针。在这个例子中，HTMLDivElement的prototype是一个对象，并且有一个指向HTMLElement.prototype的__proto__，所以它包含了所有的方法和属性。它沿着这条路径，直到没有__proto__指针的Object.prototype和查找停止。

我试图避免使用new关键字来解释这一点。

相关文章：