函数的作用域

在选项卡的制作中因为不知道函数作用域出了很多错误。

在JavaScript中,定义在函数中的参数和变量在函数外部是不可见的,而且在一个函数中的任何位置定义的变量在改函数中的任何地方都可见。q

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input id="btn1" type="button"/>
<script>
    var oBtn = document.getElementById('btn1');
    var foo = function () {
        var a = 3, b = 5;
        alert(a);//3
        var bar = function () {
          var b = 7, c =  11;
           alert(a+","+b+","+c);//3,7,11
            a += b + c;
            alert(a+","+b+","+c);//21,7,11
        };
        alert(a+","+b);//3,5如果这里写上要弹出c则会报c没有定义的错误
        bar();
        alert(a+","+b);//21,5如果这里写上要弹出c则会报c没有定义的错误

    };
    oBtn.onclick = foo;

</script>

</body>
</html>
原文地址:https://www.cnblogs.com/zhuni/p/4685221.html