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

2024-05-06 16:09:00

字體：大中小

來源：轉載

供稿：網友

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

上一篇：原生JavaScript實現合并多個數組示例

下一篇：JavaScript中雙嘆號!!作用示例介紹