在JAvaScript中，函數中定義的變量是局部變量

作用域:就是變量的使用范圍，

分為：局部作用域和全局作用域

js中沒有塊級作用域---一對括號中定義的變量,這個變量可以在大括號外面使用

作用域鏈:變量的使用,從里向外,層層的搜索,搜索到了就可以直接使用了

    


        


            


                


                

            

            


                

                    var num=10; //作用域鏈 級別:0
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    var str = "abc"
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    function f2() {
                

            

        

        


            


                


                

            

            


                

                    var num3=30;
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

    

 層層搜索,搜索到0級作用域的時候,如果還是沒有找到這個變量,結果就是報錯

預解析:就是在瀏覽器解析代碼之前,把變量的聲明和函數的聲明提前(提升)到該作用域的最上面

（1）變量的提升

下面這種情況，變量的聲明被提前了，但是num的值并沒有提前，結果為undefined

    


        


            


                


                

            

            


                

                    //變量的提升
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //提升之后為：
                

            

        

        


            


                


                

            

            


                

                    var num;//變量的聲明提前
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

    

 （2）

函數聲明被提前，代碼仍然可以執行

    


        


            


                


                

            

            


                

                    //函數的聲明被提前了
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    console.log("這個函數,執行了");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

但是對于下面這種情況，代碼報錯

    


        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //聲明提前后：
                

            

        

        


            


                


                

            

            


                

                    var f2;//為一個變量，undefind
                

            

        

        


            


                


                

            

            


                

                    f2();//undefind加括號是不被認可的，所以報錯
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

 要想不報錯，代碼可以改為：

    


        


            


                


                

            

            


                

                    var f2;
                

            

        

        


            


                


                

            

            


                

                    f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    };
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

    

 藍藍設計( www.li-bodun.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。