DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談JavaScript的全局變量與局部變量
淺談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的全局變量與局部變量就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved