JavaScript的做用域和塊級做用域概念理解

任何一對花括號中的語句集都屬於一個塊，在這之中定義的全部變量在代碼塊外都是不可見的，咱們稱之爲塊級做用域。

什麼是塊級做用域呢？

    做用域永遠都是任何一門編程語言中的重中之重，由於它控制着變量與參數的可見性與生命週期。講到這裏，首先理解兩個概念：塊級做用域與函數做用域。

    任何一對花括號（｛和｝）中的語句集都屬於一個塊，在這之中定義的全部變量在代碼塊外都是不可見的，咱們稱之爲塊級做用域。

    函數做用域就好理解了(*^__^*) ，定義在函數中的參數和變量在函數外部是不可見的。

    大多數類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:

function test(){ 
for(var i=0;i<3;i++){ 
} 
alert(i); 
} 
test();

    運行這段代碼，彈出"3"，可見，在塊外，塊中定義的變量i仍然是能夠訪問的。也就是說，JS並不支持塊級做用域，它只支持函數做用域，並且在一個函數中的任何位置定義的變量在該函數中的任何地方都是可見的。爲了更好理解這一點，請看下面的示例：

var scope="global";
function scopeTest(){
  console.log(scope);//a
  var scope="local"
}
scopeTest(); //undefined

    此處的輸出是undefined，而不是global，爲何呢？這是由於在scopeTest函數中有聲明變量scope，儘管它在a語句以後，但對於a語句來講，變量scope是可見的，且根據局部變量的優先級高於全局變量的原則，JS引擎找到了局部變量scope就不會再去找全局變量scope了，上面的代碼等同於：

var scope="global";
function scopeTest(){
  var scope;
  console.log(scope);
  scope="local"
}
scopeTest(); //local

    局部變量scope是已被聲明的，只是未被賦值，因此打印的是undefined。

那麼咱們該如何使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 (){ 
//內容 
})();

    之中，這時候，咱們是否是至關於給它們的外層添加了一個函數做用域呢？該做用域以外的程序是沒法訪問它們的。

 

 經過本文，咱們知道JS沒有塊級做用域（與C，Java的區別之一）；此外，咱們能夠經過JS的自執行函數模擬塊級做用域。

    本文引自：http://www.jb51.net/article/55435.htm

拓展：bootstarp實例    

 爲了讓JS具有C或Java語言中類的概念，JS經常使用自執行函數(function(){})();的形式進行模擬，如著名的bootstarp（bootstarp.js）：

 

在這個JS中，共用_get，_createClass等4個全局變量，建立了Util，Alert等11個「類」，傳遞的參數是jQuery（$）。