JS中的作用域（浏览器解析JS的过程）

一、预解析

找一些东西：var function 参数（找要干活的东西）
变量var 在正式运行之前，都赋值为未定义
function 函数在运行之前，取整个函数

二、逐行解读

表达式=、+、-、*、/、++、--、！、%.....number()、参数都可以赋值
①遇到重名的，只留下一个
变量和函数重名，只留下函数
②函数调用（函数是一个作用域，遇到作用域都会按照先进行预解析，然后逐行解读的过程执行）
先局部找参数，局部找不到就向上一级找（作用域链）

---

例1：

<script> 
    alert(a);
    var a=1;
    alert(a);
    function a(){alert(2);}
    alert(a);
    var a=3;
    alert(a);
    function a(){alert(2);}
    alert(a);
</script>

解析过程：
1)预解析：

第9行：没操作
第10行：a为未定义
第11行：没操作
第12行：a为function a(){ alert(2);}
第13行：没操作
第14行：a为function a(){ alert(2);}
第15行：没操作
第16行：a为function a(){ alert(4);}
第17行：没操作

2）逐行解读：

第9行：弹出function a(){ alert(4);}
第10行：赋值操作 a=1;
第11行：弹出1
第12行：没操作
第13行：弹出1
第14行：a=3
第15行：弹出3
第16行：没操作
第17行：弹出3

例2：

<script type="text/javascript">
        var a=1;
        function fn(){
            alert(a);
            var a=2;
        }
        fn();
        alert(a);
    </script>

执行结果：未定义，1;

1）预解析

a未定义
函数

2） 逐行解读：

a=1;   
函数调用：1）预解析：遇到var 局部变量a为未定义
          2）逐行解读：弹出未定义
                      局部a赋值为2  
弹出全局变量a，值为1  

例3：

<script type="text/javascript">
        var a=1;
        function fn(){
            alert(a);
            a=2;
        }
        fn();
        alert(a);
    </script>

结果：1，2

例4：

 <script type="text/javascript">
        var a=1;
        function fn(a){
            alert(a);
            a=2;
        }
        fn();
        alert(a);
    </script>

结果：未定义，1

例5：

<script type="text/javascript">
        var a=1;
        function fn(a){
            alert(a);
            a=2;
        }
        fn(a);
        alert(a);
    </script>    

结果：1，1