範圍永遠都是任何一門程式設計語言中的重中之重,因為它控制著變數與參數的可見度與生命週期。講到這裡,首先理解兩個概念:塊級範圍與函數範圍。
什麼是塊級範圍呢?
任何一對花括弧({和})中的語句集都屬於一個塊,在這之中定義的所有變數在代碼塊外都是不可見的,我們稱之為塊級範圍。
函數範圍就好理解了(*^__^*) ,定義在函數中的參數和變數在函數外部是不可見的。
大多數類C語言都擁有塊級範圍,JS卻沒有。請看下文demo:
//C語言
#include
void main()
{
int i=2;
i--;
if(i)
{
int j=3;
}
printf("%d/n",j);
}
運行這段代碼,會出現“use an undefined variable:j”的錯誤。可以看到,C語言擁有塊級範圍,因為j是在if的語句塊中定義的,因此,它在塊外是無法訪問的。
而JS是如何表現的呢,再看另一個demo:
functin test(){
for(var i=0;i<3;i++){
}
alert(i);
}
test();
運行這段代碼,彈出"3",可見,在塊外,塊中定義的變數i仍然是可以訪問的。也就是說,JS並不支援塊級範圍,它只支援函數範圍,而且在一個函數中的任何位置定義的變數在該函數中的任何地方都是可見的。
那麼我們該如何使JS擁有塊級範圍呢?是否還記得,在一個函數中定義的變數,當這個函數調用完後,變數會被銷毀,我們是否可以用這個特性來類比出JS的塊級範圍呢?看下面這個DEMO:
function test(){
(function (){
for(var i=0;i<4;i++){
}
})();
alert(i);
}
test();
這時候再次運行,會彈出"i"未定義的錯誤,哈哈,實現了吧~~~這裡,我們把for語句塊放到了一個閉包之中,然後調用這個函數,當函數調用完畢,變數i自動銷毀,因此,我們在塊外便無法訪問了。
JS的閉包特性is the most important feature((*^__^*) 大家懂的)。在JS中,為了防止命名衝突,我們應該盡量避免使用全域變數和全域函數。那麼,該如何避免呢?不錯,正如上文demo所示,我們可以把要定義的所有內容放入到一個
(function (){
//內容
})();
之中,這時候,我們是不是相當於給它們的外層添加了一個函數範圍呢?該範圍之外的程式是無法訪問它們的。