JS的全局变量&局部变量

 <script>
     var i=10;  //全局变量
     j = 20;    //全局变量
 
     function(){
       var i=30; //局部变量
        h = 40;  //全局变量
     }
 </script>

由此可以总结一句话，在函数内部定义的就是局部变量，否则就是全局变量。

   <script>
     var i =10;
     function display(){
       //var i = 20;//局部变量只在局部作用域起作用
       i= 30; //全局的，会将i的值修改为30
     }
     alert(i);//结果为10  30
   </script>

在函数内的变量没有var 声明，则会直接影响全局变量。

为什么没有var的变量是全局的？

是因为，在js中，如果在某个变量没有var声明，会自动到上一层作用域中去找这个变量的声明语句，如果找到，则调用；如果没有找到，继续向上查找，一直查找到全局作用域为止，如果全局作用域仍然没有这个变量的声明语句，那么就会自动在全局作用域中进行声明，这个就是js中的作用域链。

   <script>
    window.onload = function display(){
       i= 30;
     }
     alert(i);
   </script>

弹出的结果就是30

再看这个例子：

 <script>
    var i = 10;
     function fn1(){
       i=100;
       function fn2(){
         i=1000;
         function fn3(){
           i=10000;
         }
         fn3();
       }
       fn2();
     }
     fn1();
     alert(i);
 </script>

执行的结果就是10000

如果现在把 fn1中的i值改成 var = 100；则弹出i的值为：10；

局部访问全局使用作用域链

全局访问局部可以使用闭包函数模拟