淺談JavaScript的全局變量與局部變量

字號:


    下面小編就為大家?guī)硪黄獪\談JavaScript的全局變量與局部變量。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    一、JavaScript scope 的劃分標準是function函數(shù)塊,不是以 if、while、for來劃分的
    <script>
    function f1(){
       alert("before for scope:"+i);    
     //i未賦值(并不是沒有聲明!使用未聲明變量或函數(shù)會導致致命錯誤從而中斷腳本執(zhí)行)
     //此時i值為undefined
       for(var i=0; i<3;i++){
           alert("in for scope:"+i);}
     //i的值是0,1,2  
       alert(“after for scope:”+1);
      //i的值是3,此時已經(jīng)在for scope之外,但i的值仍然保留為3
        while(true){
           var j=1;
           break;}
        alert(j);
      //j的值是1,此時已經(jīng)在while scope之外,但j的值仍然保留為1
        if(true){
          var k=1;
        }
        alert(k);
      //k的值為1,此時已經(jīng)在if scope之外,但k的值仍保留為1
    }
    f1();
    //此時在函數(shù)塊外調用函數(shù),再次輸出存在于f1這個function scope里的i j k變量
    alert(i);
    //error!!!原因是這里的i未聲明(不是未賦值,區(qū)別f1的第一行輸出),腳本錯誤,程序結束!
    alert(j);    
    //未執(zhí)行
    alert(k);
    //未執(zhí)行
    </script>
    二、JavaScript在執(zhí)行之前會對整個腳本文件進行預編譯(對腳本文件的聲明部分做分析,包括局部變量部分),從而確定實變量的作用域。舉個例子在下邊:
    <script>
       var x=1;
       function f2(){
        alert(x);
       //x的值為undefined!這個x并不是全局變量,因為在function scope已經(jīng)又聲明了一個重名的局部變量,所以全局變量的參數(shù)a被覆蓋了。
        說明了JavaScript在執(zhí)行前會進行預編譯,函數(shù)體內(nèi)的x就被指向局部變量,而不是全局變量。此時x只有聲明,沒有賦值,所以為undefined
        x=3;
        alert(x);
       //x值為3.但還是局部變量
        var x;
       //局部變量x在這里聲明
        alert(x);
       //值為3
       }
       f2();
       alert(x);
       //x值為1,并不是在function scope內(nèi),x的值為全局變量的值。
    </script>
    三、當全局變量跟局部變量重名時,局部變量的scope會覆蓋掉全局變量的scope,當離開局部變量的scope后,又重回到全局變量的scope,而當全局變量遇上局部變量時,
    怎樣使用全局變量呢?用window.globalVariableName。
    <script>
       var a=1;
        function f3(){
           alert(window.a);
      //a位1,這里的a是全局變量
           var a=2;
            alert(a);
          }
        f3();
        alert(a);
    </script>
    以上這篇淺談JavaScript的全局變量與局部變量就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考