有人可以解釋這個小提琴的輸出嗎？

Question

我有這段代碼。我已經寫了'i'（評論中）的價值，我認爲這是正確的產出。但是輸出/警報是不同的。

小提琴：http://jsfiddle.net/e2jbno4a/
代碼：

var i = 10; 

function outer() { 
    alert(i); // 10 
    var i = 5; 
    alert(i); // 5 
    function inner() { 
     var i = 20; 
    } 
    inner(); 
    alert(i); // 5 
    if (1) { 
     var i = 30; 
    } 
    alert(i); // 5 
    setTimout(function() { 
     alert(i); // 5 
    }, 100); 
} 

outer(); 

有人可以讓我知道了輸出的原因是什麼？或者只是解釋具體概念的指針？

Answer 1

所以，一步一步：

var i = 10; 

function outer() { 
    alert(i); // undefined 
    var i = 5; 
    alert(i); // 5 (i now references the `i` in this function's scope.) 
    function inner() { 
     var i = 20; // (The `20` is only available in the scope of `inner`) 
    } 
    inner(); 
    alert(i); // 5 (So, this `i` still references the `var i = 5;` one) 
    if (1) { 
     var i = 30; 
    } 
    alert(i); // 30 (This one actually alerts `30`. There is no block scope in JS) 
    setTimeout(function() { 
     alert(i); // 5 (This will log `30`, you made a typo in the `setTimeout` call) 
    }, 100); 
} 

outer();