範圍鏈示例

Question

所以，我想在javascript中掌握範圍鏈的概念，因此我創建了下面的示例來檢查我是否正確。
注：我熟悉以下概念（執行上下文和詞法環境）。

例子：

function test(){ 
    function test2(){ 
     //This prints 2 as expected 
     console.log(a); 
    } 
    //This should print 1 but instead it prints undefined 
    console.log(a); 
    var a = 2; 
    test2(); 
} 

var a = 1; 
test(); 

舉例來說，如果我的評論如下：

//var a = 2; 

然後在這兩種情況下的輸出爲1

Answer 1

你應該看看到起重概念在JavaScript中。 在進入執行步驟之前，JS引擎將移動塊頂部的所有聲明。

關於您的爲例：

function test(){ 
    function test2(){ 
     //This prints 2 as expected 
     console.log(a); 
    } 
    //This should print 1 but instead it prints undefined 
    console.log(a); 
    var a = 2; 
    test2(); 
} 

var a = 1; 
test(); 

會這樣

var a; // initialized to undefined 
function test(){ 
    var a; // initialized to undefined [which is printed] 
    function test2(){ 
     //This prints 2 as expected 
     console.log(a); 
    } 
    //This will print undefined which is the actual value of a 
    console.log(a); 
    a = 2; 
    test2(); 
} 

a = 1; 
test(); 

這就是爲什麼它打印未定義