为什么在 JavaScript 中将全局变量添加到 window 对象？

如何解决为什么在 JavaScript 中将全局变量添加到 window 对象？

为什么在 JavaScript 中将全局变量添加到 window 对象中？

var a = 1;
console.log(window.a);

ECMAScript 2015 语言规范没有说明将声明的 var 或 function 添加到 window 全局对象。 但是，我想知道为什么将声明为var的全局变量作为属性添加到window对象中。

我很好奇的是它与 ECMAScript 语言规范无关？

我使用了翻译器，所以请理解它是否奇怪。

解决方法

实际上在规范here中指出，当不存在这样的标识符时将变量分配给：

If IsUnresolvableReference(V) is true,then
  a. If V.[[Strict]] is true,throw a ReferenceError 
exception.
  b. Let globalObj be GetGlobalObject().
  c. Return ? Set(globalObj,V.[[ReferencedName]],W,false).

和 here，在 CreateGlobalVarBinding 中，称为 when a variable is declared at the top level of a script。

6. Let varDeclarations be the VarScopedDeclarations of script.
...
18. For each String vn of declaredVarNames,do
  a. Perform ? env.CreateGlobalVarBinding(vn,false).

全局对象可能是浏览器中的 window，或者网络工作者中的 self，或者 the Node global 等。

,

我认为 var 导致将属性添加到全局对象（在您提供的示例中）的原因与 Javascript 中的环境 linked 的方式有关；它们由外部引用链接，但全局环境没有外部引用。也许将它们作为属性绑定到全局对象的选择源于全局环境中缺乏外部引用。

全局作用域是“最外层”作用域——它没有外部作用域。它的 environment 是全局环境。每个环境都是相连的 通过一系列环境与全球环境 通过外部引用链接。全局的外部引用 环境是 null。

来源：https://2ality.com/2019/07/global-scope.html#the-global-object