JavaScriptがレキシカルスコープを理解するのに苦労している

Question

私はいくつかの本を読んでいます。ジャバスクリプトを学んでいます。字句スコープは、あなたが（あなたがそれを呼び出したときとは対照的に）から 機能を定義した変数がスコープ内にあるものは何でも意味

は 機能でスコープで

ている私はいくつかの基本的な例を試みた：

を

function f() { 
    console.log(x); 
} 
const x = 10; 
f(); // 10 

これはどのように機能し、なぜ10の値を記録するのですか？変数xは関数を定義するときには存在しません。私はjavascriptのnoobだから、多分私はここで何かを欠いている。前もって感謝します。

Answer 1

これはHoistingという概念のためです。 基本的に、宣言はスコープの先頭に移動されるため、スコープ内のどこにでも常にアクセスできます。

関数IDが定義されている間、語彙スコープはxへの参照を取得します。 xが6で10

Read more about hoisting in JS here. (JavaScriptisSexy.com) More specifically about Hoisting and const here.