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

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

根据spec，否：

全局环境记录在逻辑上是单个记录，但它被指定为封装object environment record和declarative environment record的组合。 object environment record的基础对象是关联的Realm的全局对象。此全局对象是全局环境记录的GetThisBinding具体方法返回的值。全局环境记录的对象环境记录组件包含所有内置全局变量（clause 18）的绑定以及 FunctionDeclaration ， GeneratorDeclaration 引入的所有绑定，或全局代码中包含的 VariableStatement 。 全局代码中所有其他ECMAScript声明的绑定包含在全局环境记录的declarative environment record组件中。

更多解释：

声明性环境记录将绑定存储在内部数据结构中。以任何方式获取数据结构是不可能的（考虑功能范围）。
对象环境记录使用实际的JS对象作为数据结构。对象的每个属性都成为绑定，反之亦然。全局环境有一个对象环境对象，其绑定对象＆＃34;是全球对象。另一个例子是with。

现在，正如引用部分所述，只有 FunctionDeclaration ， GeneratorDeclaration 和 VariableStatement 在全球环境中创建绑定＆＃39 ; s 对象环境记录。即只有这个绑定才会成为全局对象的属性。

所有其他声明（例如const和let）都存储在全局环境的声明性环境记录中，该记录不基于全局对象。

Answer 2

Per the specification：

＆＃34; let和const声明定义了作用于正在运行的执行上下文的LexicalEnvironment的变量。＆＃34;

这意味着您应该能够访问执行范围内的变量，但不能访问外部变量。这将执行范围扩展到仅函数或全局的经典JS闭包结构。

全局定义一个let变量会让这个变为开放式解释，正如你在Firefox中看到的那样，它绑定了一个全局变量，其中V8 / iojs没有。

值得一提的是console.log(typeof x)将在iojs中归档number。在实践中，您不应该在模块之外定义变量，或者尽可能地定义函数...尤其是使用const和let

Answer 3

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 4

通过 let 关键字声明的

变量不会在全局对象（浏览器的 window ）上创建可访问的属性。实际上，Firefox修复了其行为：let v = 42; 'v' in window // false

Answer 5

let 使您可以声明变量，其范围仅限于使用该变量的块，语句或表达式。这与 var 关键字不同，该关键字全局定义变量，或在整个函数中局部定义变量，而与块范围无关。

在程序和函数的顶层，let与var不同，不会在全局对象上创建属性。例如：

   var x = 'global';
   let y = 'global';
   console.log(this.x); // "global"
   console.log(this.y); // undefined

用 var 声明的变量的范围是其当前的执行上下文，它是封闭函数，或者对于任何函数外部声明的变量，是全局函数。如果您重新声明一个JavaScript变量，它将不会丢失其值。例如：

var x = 1;

if (x === 1) {
  var x = 2;

  console.log(x);
  // output: 2
}

console.log(x);
// output: 2

注意：与 C ， C ++ 和 Java 不同，JavaScript没有块级范围当您使用 var 声明变量时。

正如我们在 let 之前提到的那样，您可以声明变量，其作用域仅限于使用它的块，语句或表达式。例如：

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // output: 2
}

console.log(x);
// output: 1

在这里，我建议您阅读有关Variable Scope的信息

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

5 个答案: