JavaScript的作用域、塊級作用域(私有作用域)概念理解
阿新 • • 發佈:2019-01-24
任何一對花括號中的語句集都屬於一個塊,在這之中定義的所有變數在程式碼塊外都是不可見的,我們稱之為塊級作用域
作用域永遠都是任何一門程式語言中的重中之重,因為它控制著變數與引數的可見性與生命週期。講到這裡,首先理解兩個概念:塊級作用域與函式作用域。
什麼是塊級作用域呢?
任何一對花括號({和})中的語句集都屬於一個塊,在這之中定義的所有變數在程式碼塊外都是不可見的,我們稱之為塊級作用域。
函式作用域就好理解了(^__^) ,定義在函式中的引數和變數在函式外部是不可見的。
- 大多數類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 (){
//內容
})();
之中,這時候,我們是不是相當於給它們的外層添加了一個函式作用域呢?該作用域之外的程式是無法訪問它們的。
(原文連結)