JavaScript 變量可以是局部變量或全局變量。
私有變量可以用到閉包。
函數可以通路由函數内部定義的變量,如:
function myFunction() {
var a = 4;
return a * a;
}
函數也可以通路函數外部定義的變量,如:
後面一個執行個體中, a 是一個 全局
變量。
在web頁面中全局變量屬于 window 對象。
全局變量可應用于頁面上的所有腳本。
在第一個執行個體中, a 是一個 局部
局部變量隻能用于定義它函數内部。對于其他的函數或腳本代碼是不可用的。
全局和局部變量即便名稱相同,它們也是兩個不同的變量。修改其中一個,不會影響另一個的值。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauAXbhx2LcNXZnFWbp9CXt92YuI2bv5Wdy5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
變量聲明時如果不使用 var 關鍵字,那麼它就是一個全局變量,即便它在函數内定義。
全局變量的作用域是全局性的,即在整個JavaScript程式中,全局變量處處都在。
而在函數内部聲明的變量,隻在函數内部起作用。這些變量是局部變量,作用域是局部性的;函數的參數也是局部性的,隻在函數内部起作用。
設想下如果你想統計一些數值,且該計數器在所有函數中都是可用的。
你可以使用全局變量,函數設定計數器遞增:
var counter = 0;
function add() {
return counter += 1;
add();
// 計數器現在為 3
計數器數值在執行 add() 函數時發生變化。
但問題來了,頁面上的任何腳本都能改變計數器,即便沒有調用 add() 函數。
如果我在函數内聲明計數器,如果沒有調用函數将無法修改計數器的值:
// 本意是想輸出 3, 但事與願違,輸出的都是 1 !
以上代碼将無法正确輸出,每次我調用 add() 函數,計數器都會設定為 1。
JavaScript 内嵌函數可以解決該問題。
所有函數都能通路全局變量。
實際上,在 JavaScript 中,所有函數都能通路它們上一層的作用域。
JavaScript 支援嵌套函數。嵌套函數可以通路上一層的函數變量。
該執行個體中,内嵌函數 plus() 可以通路父函數的 counter 變量:
function plus() {counter += 1;}
plus();
return counter;
如果我們能在外部通路 plus() 函數,這樣就能解決計數器的困境。
我們同樣需要確定 counter = 0 隻執行一次。
我們需要閉包。
還記得函數自我調用嗎?該函數會做什麼?
var add = (function () {
return function () {return counter += 1;}
})();
// 計數器為 3
變量 add 指定了函數自我調用的傳回字值。
自我調用函數隻執行一次。設定計數器為 0。并傳回函數表達式。
add變量可以作為一個函數使用。非常棒的部分是它可以通路函數上一層作用域的計數器。
這個叫作 JavaScript 閉包。它使得函數擁有私有變量變成可能。
計數器受匿名函數的作用域保護,隻能通過 add 方法修改。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauAXbhx2LcNXZnFWbp9CXt92YuI2bv5Wdy5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
閉包是一種保護私有變量的機制,在函數執行時形成私有的作用域,保護裡面的私有變量不受外界幹擾。
直覺的說就是形成一個不銷毀的棧環境。