基於JavaScript 聲明全域變數的三種方式詳解

JS中聲明全域變數主要分為顯式聲明或者隱式聲明下面分別介紹。

聲明方式一：

使用var（關鍵字）+變數名(標識符)的方式在function外部聲明，即為全域變數，否則在function聲明的是局部變數。該方式即為顯式聲明詳細如下：

複製代碼 代碼如下:var test = 5; //全域變數
function a（）
{
var cc=3; //局部變數
alert(test);
}
function b（）{alert(test);}

聲明方式二：

沒有使用var，直接給標識符test賦值，這樣會隱式的聲明了全域變數test。即使該語句是在一個function內，當該function被執行後test變成了全域變數。

複製代碼 代碼如下:test = 5;//全域變數
function a()
{
aa=3; //全域變數
alert(test);
}

聲明方式三：

使用window全域對象來聲明，全域對象的屬性對應也是全域變數，詳細如下：

複製代碼 代碼如下:window.test;
window.test = 5;

這種方式經常被用到一個匿名函數執行後將一些函數公開到全域。 如JQuery1.5中最末一句複製代碼 代碼如下:window.jQuery = window.$ = jQuery;

全域變數的優點：

可以減少變數的個數，減少由於實際參數和形式參數的資料傳遞帶來的時間消耗。

全域變數的缺點：

（1）全域變數儲存在靜態存貯區，程式開始運行時為其分配記憶體，程式結束釋放該記憶體。與局部變數的動態分配、動態釋放相比，生存期比較長，因此過多的全域變數會佔用較多的記憶體單元。

（2）全域變數破壞了函數的封裝效能。函數象一個黑匣子，一般是通過函數參數和傳回值進行輸入輸出，函數內部實現相對獨立。但函數中如果使用了全域變數，那麼函數體內的語句就可以繞過函數參數和傳回值進行存取，這種情況破壞了函數的獨立性，使函數對全域變數產生依賴。同時，也降低了該函數的可移植性。

（3）全域變數使函數的代碼可讀性降低。由於多個函數都可能使用全域變數，函數執行時全域變數的值可能隨時發生變化，對於程式的查錯和調試都非常不利。
因此，如果不是萬不得已，最好不要使用全域變數。