關于JavaScript閉包的相關知識的了解和使用

JavaScript 變量可以是局部變量或全局變量。

私有變量可以用到閉包。

全局變量

函數可以訪問由函數內部定義的變量，如：

實例

function myFunction() {
 var a = 4; return a * a;}

函數也可以訪問函數外部定義的變量，如：

實例

var a = 4;function myFunction() {
 return a * a;}

后面一個實例中， a 是一個 全局 變量。

在web頁面中全局變量屬于 window 對象。

全局變量可應用于頁面上的所有腳本。

在第一個實例中， a 是一個 局部 變量。

局部變量只能用于定義它函數內部。對于其他的函數或腳本代碼是不可用的。

全局和局部變量即便名稱相同，它們也是兩個不同的變量。修改其中一個，不會影響另一個的值。

變量聲明時如果不使用 var 關鍵字，那么它就是一個全局變量，即便它在函數內定義。

變量生命周期

全局變量的作用域是全局性的，即在整個JavaScript程序中，全局變量處處都在。

而在函數內部聲明的變量，只在函數內部起作用。這些變量是局部變量，作用域是局部性的；函數的參數也是局部性的，只在函數內部起作用。

計數器困境

設想下如果你想統計一些數值，且該計數器在所有函數中都是可用的。

你可以使用全局變量，函數設置計數器遞增：

實例

var counter = 0; 
function add() {
 return counter += 1;}
 add();add();add(); 
// 計數器現在為 3

計數器數值在執行 add() 函數時發生變化。

但問題來了，頁面上的任何腳本都能改變計數器，即便沒有調用 add() 函數。

如果我在函數內聲明計數器，如果沒有調用函數將無法修改計數器的值：

實例

function add() {
 var counter = 0; return counter += 1;}
 add();add();add(); 
// 本意是想

以上代碼將無法正確輸出，每次我調用 add() 函數，計數器都會設置為 1。

JavaScript 內嵌函數可以解決該問題。

JavaScript 內嵌函數

所有函數都能訪問全局變量。

實際上，在 JavaScript 中，所有函數都能訪問它們上一層的作用域。

JavaScript 支持嵌套函數。嵌套函數可以訪問上一層的函數變量。

該實例中，內嵌函數 plus() 可以訪問父函數的 counter 變量：

實例

function add() {
 var counter = 0; function plus() {counter += 1;}
 plus(); 
 return counter; 
}

如果我們能在外部訪問 plus() 函數，這樣就能解決計數器的困境。

我們同樣需要確保 counter = 0 只執行一次。

我們需要閉包。

JavaScript 閉包

還記得函數自我調用嗎？該函數會做什么？

實例

var add = (function () {
 var counter = 0; return function () {return counter += 1;}})(); 
add();add();add(); 
// 計數器為 3

全局變量和局域變量的閉包知識做了大致的了解，更多的學習資料清關注Gxl網即可觀看。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com