理解和熟知概念JavaScript的作用域和塊級(jí)作用域

時(shí)間：2024-06-27 17:17:40 JavaScript 我要投稿

相關(guān)推薦

　　作用域永遠(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ǔ)言 #includevoid 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語(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)它們的。

【理解和熟知概念JavaScript的作用域和塊級(jí)作用域】相關(guān)文章：

javascript跨域訪問(wèn)的方法07-09

javascript的閉包概念怎么理解06-15