javascript - 全局变量只是 `window` 对象的属性吗？

Question

每当我在浏览器上看到一个网站时，一个 javascript 实例正在运行。我可以在控制台(DevTools)中声明一个全局变量；

var a = 1234567890; 

此变量已在全局范围内声明，这样我就可以像这样获取变量的值；

> a 
1234567890

不过，我也可以这样做；

> window.a 
1234567890 

我是否正确理解 window 对象是包含浏览器网站实例中所有全局变量的对象？如果是这样，窗口对象属于什么范围？这让我有点困惑；

> window 
Window {top: Window, window: Window, location: Location, external:, ...}  
> window.window 
Window {top: Window, window: Window, location: Location, external:, ...}  
> window.window.window 
Window {top: Window, window: Window, location: Location, external:, ...}  

window 对象是最终的全局对象吗？它是否有一个名为 window 的对象引用回自身？

Answer 1

Is the window object the ultimate global object and does that have an object called window that refers back to itself?

是的，是的。例如，这将返回 true:

window.window.window.window.window === window.window;

如果您有兴趣，您可以使用 Object.keys 获取 window 对象(以及所有全局变量)的所有属性列表:

console.log(Object.keys(window));

但是请注意，如果您花太多时间考虑全局变量，则您的代码架构可能存在问题。