为什么函数被描述为块范围

Question

我正在阅读this book on ES6 并且有以下内容：

函数声明…

• 是块范围的，例如 let。
• 在全局对象中创建属性 （在全局范围内），如 var.
• 被吊起：独立于何处 函数声明在其范围内被提及，它总是被创建 在范围的开头。

AFAIK，函数一直是函数作用域的。我认为 ES6 中可能发生了一些变化，但没有：

function a() {
    if (true) {
        // defined inside the block and is hoisted to the top of that block
        z();
        function z() { console.log ('z')}
    }

    z();
}

// but is also hoisted to the function scope
a(); // works OK

实际上，它们似乎是块作用域：

function a() {
    if (false) {
        // defined inside the block and is hoisted to the top of that block
        z();
        function z() { console.log ('z')}
    }

    z(); // error
}

那么它在 ES6 中是否发生了变化？

Answer 1

AFAIK，函数一直是函数作用域的。我认为 ES6 中可能发生了一些变化

确实如此：在 ES2015 之前，规范根本没有涵盖在块中声明的函数。支持它们是允许的扩展，但不是规范的一部分。

因此，规范不得不跳槽，尤其是在浏览器的松散模式下。

在 strict 模式下，您会在兼容的引擎上发现函数声明确实是块范围的：

"use strict";

function test() {
  if (true) {
    function foo() {
      console.log("foo called");
    }
  }
  try {
    foo(); // ReferenceError
  } catch (e) {
    console.log("Error: " + String(e));
  }
}
test();

在兼容的 JavaScript 引擎上（例如任何最新版本的 Chrome 中的 V8，或任何最新版本的 Firefox 中的 SpiderMonkey），您将在上面获得ReferenceError。