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)”!!!!如下所示:
js中变量作用域问题_第1张图片
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>

运行结果如下:
js中变量作用域问题_第2张图片

你可能感兴趣的:(javascript,java,web开发)