作用域永遠是任何一門程式語言中的重中之重,因為它控制變數與參數的可見度與生命週期。講到這裡,首先理解兩個概念:區塊級作用域與函數作用域。
什麼是區塊級作用域呢?
任何一對花括號({和})中的語句集都屬於一個區塊,在這之中定義的所有變數在程式碼區塊外都是不可見的,我們稱之為區塊級作用域。
函數作用域就好理解了(*^__^*) ,定義在函數中的參數和變數在函數外部是不可見的。
大多數類C語言都擁有區塊級作用域,JS卻沒有。請看下文demo:
//C语言 #include <stdio.h> 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 (){ //内容 })();
之中,這時候,我們是不是相當於為它們的外層增加了一個函數作用域呢?該作用域之外的程式是無法存取它們的。