爲什麼功能描述塊範圍的

Question

我讀this book on ES6，並有以下幾點：

Function declarations…

• are block-scoped, like let.
• create properties in the global object (while in global scope), like var.
• are hoisted: independently of where a function declaration is mentioned in its scope, it is always created at the beginning of the scope.

據我所知，功能一直是功能範圍的。我想可能在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, functions have always been function scoped. I thought something might have changed in ES6

它做到了：在ES2015之前，規範並沒有涵蓋在塊內聲明的函數。支持它們是允許的擴展，但不是規範的一部分。

因此，該規範必須跳過這個箍環，特別是在瀏覽器上的鬆散模式下。

在嚴格模式，你會發現一個兼容的引擎，函數聲明確實是塊作用域：

"use strict"; 
 

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

在一個標準的JavaScript引擎（如V8在任何最新版本的Chrome，或任何最新版本的Firefox中的SpiderMonkey），您將在上面獲得ReferenceError。