在JAvaScript中，函數(shù)中定義的變量是局部變量

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

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

js中沒(méi)有塊級(jí)作用域---一對(duì)括號(hào)中定義的變量,這個(gè)變量可以在大括號(hào)外面使用

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

    


        


            


                


                

            

            


                

                    var num=10; //作用域鏈 級(jí)別:0
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    var str = "abc"
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    function f2() {
                

            

        

        


            


                


                

            

            


                

                    var num3=30;
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

    

 層層搜索,搜索到0級(jí)作用域的時(shí)候,如果還是沒(méi)有找到這個(gè)變量,結(jié)果就是報(bào)錯(cuò)

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

（1）變量的提升

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

    


        


            


                


                

            

            


                

                    //變量的提升
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //提升之后為：
                

            

        

        


            


                


                

            

            


                

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

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

    

 （2）

函數(shù)聲明被提前，代碼仍然可以執(zhí)行

    


        


            


                


                

            

            


                

                    //函數(shù)的聲明被提前了
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    console.log("這個(gè)函數(shù),執(zhí)行了");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

但是對(duì)于下面這種情況，代碼報(bào)錯(cuò)

    


        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

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

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //聲明提前后：
                

            

        

        


            


                


                

            

            


                

                    var f2;//為一個(gè)變量，undefind
                

            

        

        


            


                


                

            

            


                

                    f2();//undefind加括號(hào)是不被認(rèn)可的，所以報(bào)錯(cuò)
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

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

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

 要想不報(bào)錯(cuò)，代碼可以改為：

    


        


            


                


                

            

            


                

                    var f2;
                

            

        

        


            


                


                

            

            


                

                    f2=function () {
                

            

        

        


            


                


                

            

            


                

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

            

        

        


            


                


                

            

            


                

                    };
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

    

 藍(lán)藍(lán)設(shè)計(jì)( www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。