js中变量作用域问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/helloworlddm/article/details/78651565

(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>

运行结果如下:
这里写图片描述

展开阅读全文

没有更多推荐了,返回首页