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