淺談JavaScript的全域變數與局部變數_javascript技巧

一、JavaScript scope 的劃分標準是function函數塊，不是以 if、while、for來劃分的

<script>function f1(){   alert("before for scope:"+i);     //i未賦值（並不是沒有聲明！使用未聲明變數或函數會導致致命錯誤從而中斷指令碼執行） //此時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，此時已經在for scope之外，但i的值仍然保留為3    while（true）{       var j=1;       break;}    alert(j);  //j的值是1，此時已經在while scope之外，但j的值仍然保留為1    if（true）{      var k=1;    }    alert(k);  //k的值為1，此時已經在if scope之外，但k的值仍保留為1}f1();//此時在函數塊外調用函數，再次輸出存在於f1這個function scope裡的i j k變數alert（i）;//error!!!原因是這裡的i未聲明（不是未賦值，區別f1的第一行輸出），指令碼錯誤，程式結束！alert（j);    //未執行alert（k）；//未執行</script>

二、JavaScript在執行之前會對整個指令檔進行先行編譯（對指令檔的聲明部分做分析，包括局部變數部分），從而確定實變數的範圍。舉個例子在下邊：

<script>   var x=1;   function f2(){    alert(x);   //x的值為undefined！這個x並不是全域變數，因為在function scope已經又聲明了一個重名的局部變數，所以全域變數的參數a被覆蓋了。    說明了JavaScript在執行前會進行先行編譯，函數體內的x就被指向局部變數，而不是全域變數。此時x只有聲明，沒有賦值，所以為undefined    x=3;    alert(x);   //x值為3.但還是局部變數    var x;   //局部變數x在這裡聲明    alert(x);   //值為3   }   f2();   alert(x);   //x值為1，並不是在function scope內，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的全域變數與局部變數就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。