作用域永遠都是任何一門編程語言中的重中之重,因爲它控制着變量與參數的可見性與生命週期。講到這裏,首先理解兩個概念:塊級作用域與函數作用域。
什麼是塊級作用域呢?
任何一對花括號({和})中的語句集都屬於一個塊,在這之中定義的所有變量在代碼塊外都是不可見的,我們稱之爲塊級作用域。
函數作用域就好理解了(*^__^*) ,定義在函數中的參數和變量在函數外部是不可見的。
大多數類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 (){
- //內容
- })();
之中,這時候,我們是不是相當於給它們的外層添加了一個函數作用域呢?該作用域之外的程序是無法訪問它們的。