Window 对象和 var（windows对象和document对象）

Window 对象对于 Web 开发人员来说是一个非常有用的工具，从使用 jQuery 等更传统库的开发人员到 React 和 Vue 等尖端框架的开发人员。 话虽如此，Window 对象的全局范围变量和方法与有争议的 var 之间存在重要的交互，这与使用遗留代码的开发人员特别相关。

在全局范围内使用 var 定义变量时，这些变量成为窗口的属性。 这允许人们交替使用变量本身和 window.variableName ，如下所示：

var hello = "Hello World!";
print(hello);        // Hello World!
print(window.hello); // Hello World!

当与 var 的其他怪癖结合使用时，这可能会导致大量问题，例如它可以在任何时间点重新声明的能力。 因此，当您打算声明一个新变量时，您可能会意外更改窗口属性！ 请参见下面的示例：

var location = "Toronto, ON";

在纸面上看起来不错，但只有在您意识到 window.location 属性指的是当前 URL 时，我才将您重定向到“yourCurrentURL/Toronto, ON”。

在重构遗留代码时，您可能只会遇到这样的问题。 如果您熟悉避免使用 var 的许多原因，您可能会倾向于将所有这些讨厌的 var 更改为 let 和 const。 盲目地这样做绝不是一个好主意，上面的怪癖是你需要注意的一个重要的边缘情况。