ES6 / Node 中的词法作用域

Question

我正在尝试理解 ES6 词法作用域（使用节点运行时）。 考虑以下几点：

'use strict';
let x = 10;
function f() {
   console.log(x);
   console.log(y); // This should crash
}

let y = 5;
f();

引自 O'Reilly 的书“Learning Javascript”：

词法作用域意味着您定义函数的范围内的任何变量（与调用它时相反）都在函数的范围内。

但是，当我运行这个程序（通过节点）时，它会输出： 10 5

对console.log(y) 的调用不是在这里破坏了词法范围规则吗？如果没有，为什么不呢？

编辑：为了将来参考，教科书（Learning Javascript 3rd Edition O'Reilly）的作者最近在“已确认勘误表”中将此示例列为错误。在http://www.oreilly.com/catalog/errata.csp?isbn=0636920035534

Answer 1

正如 Benjamin Gruenbaum 所说，let 和 const 根本不吊。

事实上，有适用于let 和const 的新规则，例如……

暂时死区

现在，如果这些是 var 声明，一切都会很清楚。但是对于let 和const，ES6 引入了temporal dead zone. 的新概念，其中包括一个新的、微妙的动态。

我们来看两个例子：

传统的吊装可以在这样的例子中工作：

'use strict';
var x = 10;

console.log(x);
console.log(y); // This should NOT crash

var y = 5;

但如果我们用let 声明替换var 声明，它会崩溃：

'use strict';
let x = 10;

console.log(x);
console.log(y); // This crashes: ReferenceError: can't access lexical declaration `y' before initialization

let y = 5;

为什么会崩溃？

因为与var 赋值不同，在实际的let 语句之前访问使用let 定义的变量是无效的（它们处于临时死区）。

2。本例中的时间死区

但是，在这种情况下，时间死区不是问题。为什么？

因为虽然我们事先使用console.log(y) 语句定义了函数，但实际的函数调用和变量访问只发生在代码末尾。所以变量绑定只在此时进行评估（再次感谢@BG）：

'use strict';
let x = 10;
function f() {
   console.log(x);
   console.log(y); // This should not yet crash
}

let y = 5;
f(); // console.log(y) is only called here

如果你颠倒let y = 5;和f();的顺序，你的代码就会崩溃。