首頁 > web前端 > js教程 > JavaScript學習筆記(1)變數的生命週期

JavaScript學習筆記(1)變數的生命週期

黄舟
發布: 2016-12-19 17:30:18
原創
1437 人瀏覽過

    變數的生命週期又稱為作用域,是指某變數在程式中的有效範圍。根據作用域,變數可以分為全域變數和局部變數。
    1、  全域變數的作用域是全域性的,即在整個javaScript程式中,全域變數處處都在。
    2、  而在函數內部宣告的變量,只在函數內部作用。這些變數是局部變量,作用域是局部性的;函數的參數也是局部性的,只在函數內部起作用。
    經常見到網路上有文章說:「在Javascript中可以有兩種方式宣告全域變數:1、宣告變數時不使用var關鍵字2、在函數外部宣告變數使用第一種方法宣告變數時,就算是在函數內部,該變數仍為全域變量,使用第二種方法宣告變數時,就算是用var關鍵字,那麼宣告的變數也是全域變量,」自己親手測試就知其中對錯:參考如下範例:

 1    
  為什麼結果與大家公認的不一致呢,讓我們把程序做稍微的改動:
  
 1    
呵呵,這時候,程式終於按照我們原先的設想執行了,但是這個時候,我們就必須做下來好好總結一下了:
如果我們在函數內部聲明了一個全域變量,也就是聲明變數時未使用var關鍵字,當我們在其他地方使用該變數時,必須保證該函數已被呼叫,所以,如果真的要使用全域變數還是在函數外部宣告的好
還有一個值得注意的地方就是:JavaScript變量作用範圍沒有語句塊的概念,他並不像JAVA一樣在for循環內部聲明的變量,在for循環外部就不能使用,參看一下範例:
 1         function test(){
 2            為(var i =0 ; ent.write(i+"
");
 4                 if(i == 19) {
5                     var j = "我是在for語句內部宣告的";
 6         }
 8             alert(j); //output: "我是在for語句內部宣告的"
 9      ;
  除此之外,還有一個容易造成錯誤的地方不能不說,請參考程序:
1         var strTest = "全域變數";
2      );  //output : "undefined"
4             var strTest = "看看出錯沒";
5        接著在函數內部把它alert出來,最後我們又聲明了一個同全局變量的名字相同的一個局部變量,但是就是這個只有六行的小程序,其結果卻並不像我們想像的那樣輸出"看看出錯沒",而是輸出了undefined,呵呵,看來「JavaScript真是處處是陷阱啊」!
  在網上GOOGLE了半天,找到了這樣一種說法:
   大家都知道JavaScript是一種解釋型的腳本語言,當JavaScript運行時,首先查找所有的變數聲明,並以未定義的初始值建立變數。如果變數被宣告時有值,那麼變數仍以未定義的值初始化,並且只有在執行了宣告行時才被宣告值取代。這也就解釋了以上的程序,其實如果我們在程序的第一行之前加上一句:alert(strTest);輸出結果依然會是undefined,看到這我想大家應該也想到了,程序出錯的原因並不是說聲明了一個與全域變量名稱相同的局部變量,而是只要在變量聲明語句之前調用該變量,該變量的值就一定是undefined,但是如果我們調用一個沒有被聲明的變量,這個時候會報「變數未定義」的錯誤,所以我們還必須得明白這兩者之間的區別,不過不管怎麼說,一種好的編碼習慣還是避免把局部變數與全域變數聲明稱相同的名字!
  在看最後一種情況:注意以下程序:
 1         var strGloblVar = "我是全域變數";
 2      blVar = "在父函數中宣告的全域變數";
 4             var strFatherVar = "我是父函數中為局部變量,同時也是子函數中的全域變數";
 5             function child(){
 6     7                 var strChildVar = "我是子函數中的局部變數";
8                 alert(strFatherVar);  //output: "我為父函數中為局部變量,同時也是子函數中的全域變數"🠎 output: "我是子函數中的局部變數"
10                 alert("子函數中:"+strGloblVar);   //output: "我是全域變數"
12             }
13             alert("父函數中:"+strGloblVar); // output: "我是全域變數"
14             //alert(strChildVar); //error: strChildVar 未定義
15   
16             return child();
17         }
18         
19         father();
20         alert("所有函數外在:"+strFatherGloo)      alert("所有函數的外在: "+strChildGloblVar); //output:"所有函數的外部:在子函數中聲明的全域變數"   用過JavaScript閉包的人會很容易的看懂以上程序,閉包不是本文要說明的重點,但是這個小例子可以幫我們證明在閉包的情況下,變數的生命週期並沒有因為使用閉包而有很大的改變,可以簡單的拋開閉包的概念,把father()函數內部看成一個獨立的運作環境。 14行報錯,是因為strChildVar是child()函數中定義的局部變量,15行報錯,是因為在調用strChildGloblVar之前child()函數未被執行過,這和我們之前說的都一樣。但是當我們在father()函數外部印出strFatherVar的時候會出現錯誤,導致這種錯誤的原因很簡單,strFatherVar雖然是child()的全域變量,但卻是father()的局部變數。

以上就是JavaScript學習筆記(1)變數的生命週期的內容,更多相關內容請關注PHP中文網(www.php.cn)!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板