變量的生命周期又稱為作用域，是指某變量在程序中的有效范圍。根據作用域，變量可以分為全局變量和局部變量。
1、 全局變量的作用域是全局性的，即在整個JavaScript程序中，全局變量處處都在。
2、 而在函數內部聲明的變量，只在函數內部起作用。這些變量是局部變量，作用域是局部性的；函數的參數也是局部性的，只在函數內部起作用。
經常見到網上有文章說：“在JavaScript中可以有兩種方式聲明全局變量：1、聲明變量時不使用var關鍵字 2、在函數外部聲明變量 使用第一種方法聲明變量時，就算是在函數內部，該變量仍為全局變量，使用第二種方法聲明變量時，就算是用var關鍵字，那么聲明的變量也是全局變量，” 自己親手測試一下就知其中對錯：參看如下示例：
1 <script type="text/javascript">
2 var v01 = "我是全局變量v01"; //使用var關鍵字聲明的全局變量
3 v02 = "我是全局變量v02"; //未使用var關鍵字聲明的全局變量
4 function fun1(){
5 alert(v01); //output "我是全局變量v01"
6 alert(v02); //output "我是全局變量v02"
7
8 v03 = "我是全局變量v03";
9 var v04 = "我是局部變量v04";
10 }
11
12 function fun2(){
13 alert(v01); //output "我是全局變量v01"
14 alert(v02); //output "我是全局變量v02"
15
16 alert(v03); //error： "v03未定義"
17 alert(v04); //error: "v04未定義"
18
19 }
20
21 fun2();
22 </script>
為什么結果與大家公認的不一致呢，讓我們把程序做稍微的改動：
1 <script type="text/javascript">
2 var v01 = "我是全局變量v01"; //使用var關鍵字聲明的全局變量
3 v02 = "我是全局變量v02"; //未使用var關鍵字聲明的全局變量
4 function fun1(){
5 alert(v01); //output "我是全局變量v01"
6 alert(v02); //output "我是全局變量v02"
7
8 v03 = "我是全局變量v03";
9 var v04 = "我是局部變量v04";
10 }
11
12 function fun2(){
13 alert(v01); //output "我是全局變量v01"
14 alert(v02); //output "我是全局變量v02"
15
16 alert(v03); //output： "我是全局變量v03"
17 alert(v04); //error: "v04未定義"
18
19 }
20 //兩個函數都調用
21 fun1();
22 fun2();
23 </script>
呵呵，這個時候，程序終于按照我們原先的設想執行了，但是這個時候，我們就必須做下來好好總結一下了：
如果我們在函數內部聲明了一個全局變量，也就是聲明變量時未使用var關鍵字，當我們在其他地方使用該變量時，必須保證該函數已被調用,所以，如果真的要使用全局變量還是在函數外部聲明的好
還有一個值得注意的地方就是：JavaScript變量作用范圍沒有語句塊的概念，他并不像JAVA一樣在for循環內部聲明的變量，在for循環外部就不能使用，參看一下示例：
1 function test(){
2 for(var i =0 ; i <20; i++){
3 document.write(i+"<BR>");
4 if(i == 19) {
5 var j = "我是在for語句內部聲明的";
6 }
7 }
8 alert(j); //output: "我是在for語句內部聲明的"
9 }
10 test();
除此之外，還有一個容易引起錯誤的地方不能不說，參看一下程序：
1 var strTest = "全局變量";
2 function test1(){
3 alert(strTest); //output: "undefined"
4 var strTest = "看看出錯沒";
5 }
6 test1();
先來解釋一下這個小程序，我們首先在函數外部聲明了一個全局性的變量，接著在函數內部把它alert出來，最后我們又聲明了一個同全局變量的名字相同的一個局部變量，但是就是這個只有六行的小程序，其結果卻并不像我們想象的那樣輸出"看看出錯沒"，而是輸出了
undefined，呵呵，看來“JavaScript真是處處是陷阱啊”!
在網上GOOGLE了半天，找到了這樣一種說法：
大家都知道JavaScript是一種解釋型的腳本語言，當JavaScript運行時，首先查找所有的變量聲明，并以未定義的初始值創建變量。如果變量被聲明時有值，那么該變量仍以未定義的值初始化，并且只有在運行了聲明行時才被聲明值取代。
這也就解釋了以上的程序，其實如果我們在程序的第一行之前加上一句：alert(strTest);輸出結果依然會是
undefined，看到這我想大家應該也想到了，程序出錯的原因并不是說聲明了一個與全局變量名稱相同的局部變量，而是只要在變量聲明語句之前調用該變量，該變量的值就一定是 undefined，但是如果我們調用一個沒有被聲明的變量，這個時候會報“變量未定義”的錯誤，所以我們還必須得明白這兩者之間的區別，不過不管怎么說，一種好的編碼習慣還是避免把局部變量與全局變量聲明稱相同的名字！
在看最后一種情況：注意以下程序：
1 var strGloblVar = "我是全局變量";
2 function father(){
3 strFatherGloblVar = "在父函數中聲明的全局變量";
4 var strFatherVar = "我是父函數中為局部變量，同時也是子函數中的全局變量";
5 function child(){
6 strChildGloblVar = "在子函數中聲明的全局變量";
7 var strChildVar = "我是子函數中的局部變量";
8 alert(strFatherVar); //output: "我是父函數中為局部變量，同時也是子函數中的全局變量"
9 alert(strChildVar); //output: "我是子函數中的局部變量"
10 alert("子函數中："+strGloblVar); //output: "我是全局變量"
11 alert(strFatherGloblVar);
12 }
13 alert("父函數中："+strGloblVar); //output: "我是全局變量"
14 //alert(strChildVar); //error: strChildVar 未定義
15 //alert(strChildGloblVar); //error:strChildGloblVar 未定義
16 return child();
17 }
18
19 father();
20 alert("所有函數外部："+strFatherGloblVar); //output: "所有函數外部：在父函數中聲明的全局變量"
21 alert("所有函數的外部："+strChildGloblVar); //output："所有函數的外部:在子函數中聲明的全局變量"
用過JavaScript閉包的人會很容易的看懂以上程序，閉包不是本文要說明的重點，但是這個小例子可以幫我們證明在閉包的情況下，變量的生命周期并沒有因為使用閉包而有很大的改變，可以簡單的拋開閉包的概念，把father()函數內部看成一個獨立的運行環境。14行報錯，是因為strChildVar是child()函數中定義的局部變量，15行報錯，是因為在調用strChildGloblVar之前child()函數未被執行過，這和我們之前說的都一樣。但是當我們在father()函數外部打印strFatherVar的時候會出現錯誤，導致這種錯誤的原因很簡單，strFatherVar雖然是child()的全局變量，但是卻是father()的局部變量。
posted on 2008-06-27 17:04
零全零美 閱讀(3224)
評論(4) 編輯 收藏 所屬分類:
JavaScript