让let语句在全局对象上创建属性吗？

Question

在JavaScript中,var声明在全局对象上创建属性:

var x = 15;
console.log(window.x); // logs 15 in browser
console.log(global.x); // logs 15 in Node.js

ES6引入let了具有块范围的声明的词法作用域.

let x = 15;
{
   let x = 14;
}
console.log(x); // logs 15;

但是,这些声明是否在全局对象上创建属性？

let x = 15;
// what is this supposed to log in the browser according to ES6?
console.log(window.x); // 15 in Firefox
console.log(global.x); // undefined in Node.js with flag

Answer 1

Do let语句是否在全局对象上创建属性？

根据规范,没有:

全局环境记录在逻辑上是单个记录,但它被指定为封装对象环境记录和声明性环境记录的组合.该对象环境记录作为其基本对象相关的全局对象境界.此全局对象是全局环境记录的GetThisBinding具体方法返回的值.全局环境记录的对象环境记录组件包含所有内置全局变量(第18节)的绑定以及全局代码中包含的FunctionDeclaration,GeneratorDeclaration或VariableStatement引入的所有绑定.全局代码中所有其他ECMAScript声明的绑定包含在全局环境记录的声明性环境记录组件中.

更多解释:

• 甲声明环境记录存储在内部数据结构中的绑定.不可能以任何方式掌握该数据结构(考虑功能范围).

• 一个对象环境记录使用的实际JS对象作为数据结构.对象的每个属性都成为绑定,反之亦然.全局环境具有对象环境对象,其"绑定对象"是全局对象.另一个例子是with.

现在,正如引用部分所述,只有FunctionDeclaration,GeneratorDeclaration和VariableStatement在全局环境的对象环境记录中创建绑定.即只有这个绑定成为全局对象的属性.

所有其他声明(例如const和let)都存储在全局环境的声明性环境记录中,该记录不基于全局对象.

Answer 2

无论let和var变量，如果在脚本的顶层声明，是该脚本文件的访问之外。但是，只有var变量会分配给window对象。看看这个代码片段作为证明：

<script>
  var namedWithVar = "with var";
  let namedWithLet = "with let";
</script>

<script>
  console.log("Accessed directly:");
  console.log(namedWithVar);        // prints: with var
  console.log(namedWithLet);        // prints: with let
  console.log("");

  console.log("Accessed through window:");
  console.log(window.namedWithVar); // prints: with var
  console.log(window.namedWithLet); // prints: undefined
</script>

Answer 3

根据规范：

“let 和 const 声明定义了作用域为运行执行上下文的 LexicalEnvironment 的变量。”

这意味着您应该能够访问执行范围内的变量，但不能访问外部。这将执行范围扩展到了经典的 JS 闭包结构（function-only 或 global）之外。

let全局定义一个变量可以解释这一点，正如您在 Firefox 中看到的那样，它绑定了一个全局变量，而 V8/iojs 则没有。

值得一提的是，在iojs中console.log(typeof x)会number返回。在实践中，你不应该在模块之外定义变量，或者尽可能多的函数......尤其是const和let