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