js中變數作用域問題

（1）塊作用域
程式碼如下：

<script>
window.onload = function()
{
    var sum = 0;
    for (var i = 0;i <10;i++)
    {
        sum += i;   

    }
    alert(sum);
    alert("i="+i);
}
</script>

執行結果居然可以“alert(i)”!!!!如下所示：

ES6 改變了現狀， 引入了新的 let 關鍵字， 提供了除 var 以外的另一種變數宣告方式。let 關鍵字可以將變數繫結到所在的任意作用域中（通常是 { .. } 內部）。 換句話說， let為其宣告的變數隱式地了所在的塊作用域。
因此修改為一下內容：

<script>
window.onload = function()
{
    var sum = 0;
    for (let i = 0;i <10;i++)
    {
        sum += i;   

    }
    alert(sum);
    alert("i="+i);
}
</script>

執行結果如下：

（2）函式作用域

<script>
window.onload = function()
{
    var sum = 0;
    for (let i = 0;i <10;i++)
    {
        sum += i;   

    }
    //alert(sum);
    show(sum);
    alert("i="+i);
}
function show(num)
{
    alert(num);
    alert(sum);
}
</script>

執行結果如下：