JavaScript的作用域和塊級(jí)作用域概念理解
作用域永遠(yuǎn)都是任何一門編程語言中的重中之重,因?yàn)樗刂浦兞颗c參數(shù)的可見性與生命周期。講到這里,首先理解兩個(gè)概念:塊級(jí)作用域與函數(shù)作用域。
什么是塊級(jí)作用域呢?
任何一對(duì)花括號(hào)({和})中的語句集都屬于一個(gè)塊,在這之中定義的所有變量在代碼塊外都是不可見的,我們稱之為塊級(jí)作用域。
函數(shù)作用域就好理解了(*^__^*) ,定義在函數(shù)中的參數(shù)和變量在函數(shù)外部是不可見的。
大多數(shù)類C語言都擁有塊級(jí)作用域,JS卻沒有。請(qǐng)看下文demo:
//C語言
#include <stdio.h>
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ò)誤??梢钥吹?,C語言擁有塊級(jí)作用域,因?yàn)閖是在if的語句塊中定義的,因此,它在塊外是無法訪問的。
而JS是如何表現(xiàn)的呢,再看另一個(gè)demo:
functin test(){
for(var i=0;i<3;i++){
}
alert(i);
}
test();
運(yùn)行這段代碼,彈出"3",可見,在塊外,塊中定義的變量i仍然是可以訪問的。也就是說,JS并不支持塊級(jí)作用域,它只支持函數(shù)作用域,而且在一個(gè)函數(shù)中的任何位置定義的變量在該函數(shù)中的任何地方都是可見的。
那么我們?cè)撊绾问笿S擁有塊級(jí)作用域呢?是否還記得,在一個(gè)函數(shù)中定義的變量,當(dāng)這個(gè)函數(shù)調(diào)用完后,變量會(huì)被銷毀,我們是否可以用這個(gè)特性來模擬出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語句塊放到了一個(gè)閉包之中,然后調(diào)用這個(gè)函數(shù),當(dāng)函數(shù)調(diào)用完畢,變量i自動(dòng)銷毀,因此,我們?cè)趬K外便無法訪問了。
JS的閉包特性is the most important feature((*^__^*) 大家懂的)。在JS中,為了防止命名沖突,我們應(yīng)該盡量避免使用全局變量和全局函數(shù)。那么,該如何避免呢?不錯(cuò),正如上文demo所示,我們可以把要定義的所有內(nèi)容放入到一個(gè)
(function (){
//內(nèi)容
})();
之中,這時(shí)候,我們是不是相當(dāng)于給它們的外層添加了一個(gè)函數(shù)作用域呢?該作用域之外的程序是無法訪問它們的。
相關(guān)文章
js prototype深入理解及應(yīng)用實(shí)例分析
這篇文章主要介紹了js prototype深入理解及應(yīng)用,結(jié)合實(shí)例形式分析了JavaScript prototype屬性功能、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時(shí) 要時(shí)刻注意這些差異2008-10-10
Add Formatted Text to a Word Document
Add Formatted Text to a Word Document...2007-06-06
Javascript讀取上傳文件內(nèi)容/類型/字節(jié)數(shù)
這篇文章主要為大家詳細(xì)介紹了Javascript讀取上傳文件內(nèi)容/類型/字節(jié)數(shù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-04-04
基于JavaScript實(shí)現(xiàn)生成名片、鏈接等二維碼
javascript 通用簡單的table選項(xiàng)卡實(shí)現(xiàn)

