javascript - 确实 - window.document 和窗口内的文档不一样。 Chrome

Question

我想知道为什么同一个实体在控制台中调用的浏览器 window 对象中有不同的表示:

1. 如果我们仅在浏览器控制台内调用window，我们将获得完整的浏览器信息。其中文档将表示为类似对象的实体，包括各种 Prop 和函数(包括 DOM)。
2. 如果我们通过 window.document 命令直接调用 document，我们将只有它的 DOM 表示形式。

那么，为什么会发生这种情况呢？我实在想不通。

谢谢。

Answer 1

这就是 Chrome 开发者工具的工作方式。它们有几种不同的格式可以在控制台中输出信息。 Dom 节点是一种对象，已经有了自己独特的实现，因为它们在 Web 开发中很常见。因此，当您执行 window.document 时，它会选择输出它的格式。

对于其他类型的对象，它们以不同的格式输出，这就是当您执行 window 时它所做的事情。确实，您可以扩展它以钻取 window.document，但开发工具会继续以相同的格式显示它，而不是尝试将一种格式嵌套在另一种格式中。