控制台中的javascript window.document

Question

在javascript中，当我通过Chrome控制台访问window然后转到document属性时，我会得到一个包含多种属性的对象：

但是当我在控制台中访问像window.document这样的文档时，我看到了一个不同的对象：

后者看起来像我们可以用来操纵HTML的DOM API。

问题：

当我们以上述不同方式访问document对象时，为什么我们会得到document的不同对象？