我想清楚地了解BOM结构。
问题1:例如我有一个html文档，只有一个元素<p id="1"> </p>伊西德<body></body> 。当浏览器分析 html 文档时，它开始在 BOM 树内构建 DOM 树，并且我的段落元素被转换为 p放置在 DOM 树的确定位置的对象 - window.document.lastChild(I have got the html object).lastChile(I have got the html object).firstChild(I have got the p object).问题是p 对象原型(prototype)链的所有对象位于哪里 - HTMLParagraphElement、HTMLElement、Element、Node？如果我采用 HTMLParagraphElement 对象 ( document.getElementById("1").__proto__; ) 并询问“谁是你的”家长？” ( (document.getElementById("1").__proto__.parentNode;) ) 然后出现一些错误Uncaught TypeError: Illegal incalling。
问题2:我脑子里有一个想法，所有原型(prototype)对象(HTMLElement、Element、Node...)都位于窗口对象的根中(因为所有程序员的对象和原型(prototype)对象正在放置窗口对象的根)。我查看了这个窗口根目录，发现有很多构造函数(它们与原型(prototype)对象同名(函数 HTMLElement()、函数 Element()、函数 Node()...)。每个函数都有__proto__ 属性和构造函数属性同时。构造函数怎么可能有原型(prototype)？构造函数只是在新对象中抛出属性(如 this.propname)。我认为只有“典型的”对象( var obj={name:1}; )能够包含原型(prototype)属性。函数需要这个原型(prototype)吗？
问题3:原来一个window对象有一些同名的原型(prototype)对象，并且原型(prototype)链还在继续。 这些原型(prototype)对象位于窗口对象中的什么位置？我认为窗口对象位于对象层次结构的顶部。随着我对 javascript 了解的越多，我就越明白我一无所知。请帮助我理解它。
最佳答案
首先，几乎没有对象具有 __proto__ 属性。不要腐 eclipse 将其显示为自己的属性的开发人员工具。 __proto__ 是 Object.prototype 中定义的不太标准的访问器属性，它提供对对象内部 [[Prototype]] 槽的访问。
所有普通对象都有一个内部[[Prototype]]插槽。它确定前一个对象继承自哪个其他对象。
例如，[] 创建一个数组，其 [[Prototype]] 为 Array.prototype，其中 push 和 等方法>forEach 已定义。
所有构造函数都有一个 prototype 属性。实例化时，实例的 [[Prototype]] 将指向构造函数当时的 prototype 值。
构造函数是函数对象，因此它们继承函数方法是有意义的。也就是说，它们的 [[Prototype]] 通常是 Function.prototype 或继承自它的对象。
一些例子:
Object.getPrototypeOf([]); // Array.prototype
Object.getPrototypeOf(Array); // Function.prototype
Object.getPrototypeOf(Function); // Function.prototype
Object.getPrototypeOf(Object); // Function.prototype
Object.getPrototypeOf(Array.prototype); // Object.prototype
Object.getPrototypeOf(Function.prototype); // Object.prototype
Object.getPrototypeOf(Object.prototype); // null
您收到“非法调用”异常的原因是因为 parentNode 是在 Node.prototype 中定义的，所有节点都从中继承(不一定是直接继承)。 parentNode 被定义为一个 getter，它返回访问属性的节点的父节点。
document.documentElement.parentNode; // document
document.documentElement.hasOwnProperty('parentNode'); // false
Node.prototype.hasOwnProperty('parentNode'); // true
然后，如果你使用 Node.prototype.parentNode ，如果会尝试检索 Node.prototype 的父节点，但是 Node.prototype 不是一个节点。因此，它抛出。但你可以使用类似的东西
Reflect.get(Node.prototype, 'parentNode', document.documentElement); // document
最后，对象不需要存储在以全局对象为根的树中的某个位置。否则，它们无法被垃圾收集!对象只是存储在内存中，它们可以被其他对象引用，也可以不被其他对象引用。
(function() {
var obj = {}; // This object is not referenced anywhere
})();
关于javascript - 像 HTMLParagraphElement 这样的原型(prototype)对象位于 BOM 树中的什么位置？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38152158/