JavaScript全局变量、局部变量

局部变量:

    代码：

<script>

      window.onload=function(){

             var num=10;

             console.log(num);

         }

function numBox1(){

             var num=20;

             console.log(num);

         }

         function numBox2(){

             var num=30;

             console.log(num);

         }

     </script>

    解析：局部变量就是在函数里面用关键字var声明的变量就是局部变量也可以叫做内部变量；

    解析图：

红色框起来的是函数，黄色框起来的是变量。局部变量只有在函数里面才可以使用，如果在函数外面是使用不了的；

代码：

<script>

        window.onload=function(){

            var num=10;//局部变量

           console.log(num);//函数内控制台输出num

        }

       console.log(num);//函数外控制台输出num

    </script>

解析：两个位置去数去num，在函数外的是输出不出来的，函数内的就可以输出的出来；

效果图：

解析：在函数内的控制台输出了一个10，函数外的控制台没有输出到什么，并表明了未定义，找不到声明为num的变量，所以在函数内声明的变量是不可以在函数外去使用的，只有在函数内才可以使用；

全局变量：

    代码：

       <script>

           var num=10;

           window.onload=function(){

               console.log(num);

           }

       </script>

    解析：全局变量是使用关键var声明在函数外的变量就是全局变量；

    解析图：

    全局变量无论你是在函数外使用还是函数内去使用都是可以的；

    代码：

        <script>

           var num=10;//全局变量

           window.onload=function(){

               console.log(num);//函数内控制台输出num

           }

           console.log(num);//函数外控制台输出num

       </script>

    解析：声明全局变量，无论是在函数外还是函数内都是可以输出出来的；

    效果图：

    解析：两个位置的控制台都是输出了10，就证明了全局变量在哪个位置都可以使用；