JavaScript 變量可以是局部變量或全局變量终议。
私有變量可以用到閉包。
全局變量
函數(shù)可以訪問(wèn)由函數(shù)內(nèi)部定義的變量
function myFunction() {
var a = 4;
return a * a;
}
函數(shù)也可以訪問(wèn)函數(shù)外部定義的變量
var a = 4;
function myFunction() {
return a * a;
}
后面一個(gè)實(shí)例中祥山, a 是一個(gè) 全局 變量圃验。
在web頁(yè)面中全局變量屬于 window 對(duì)象。
全局變量可應(yīng)用于頁(yè)面上的所有腳本缝呕。
在第一個(gè)實(shí)例中澳窑, a 是一個(gè) 局部 變量斧散。
局部變量只能用于定義它函數(shù)內(nèi)部。對(duì)于其他的函數(shù)或腳本代碼是不可用的摊聋。
全局和局部變量即便名稱(chēng)相同鸡捐,它們也是兩個(gè)不同的變量。修改其中一個(gè)麻裁,不會(huì)影響另一個(gè)的值箍镜。
變量聲明時(shí)如果不使用 var 關(guān)鍵字,那么它就是一個(gè)全局變量悲立,即便它在函數(shù)內(nèi)定義鹿寨。
變量生命周期
全局變量的作用域是全局性的,即在整個(gè)JavaScript程序中薪夕,全局變量處處都在脚草。
而在函數(shù)內(nèi)部聲明的變量,只在函數(shù)內(nèi)部起作用原献。這些變量是局部變量馏慨,作用域是局部性的;函數(shù)的參數(shù)也是局部性的姑隅,只在函數(shù)內(nèi)部起作用写隶。
計(jì)數(shù)器困境
設(shè)想下如果你想統(tǒng)計(jì)一些數(shù)值,且該計(jì)數(shù)器在所有函數(shù)中都是可用的讲仰。
你可以使用全局變量慕趴,函數(shù)設(shè)置計(jì)數(shù)器遞增:
var counter = 0;
function add() {
return counter += 1;
}
add();
add();
add();
// 計(jì)數(shù)器現(xiàn)在為 3
計(jì)數(shù)器數(shù)值在執(zhí)行 add() 函數(shù)時(shí)發(fā)生變化。
但問(wèn)題來(lái)了鄙陡,頁(yè)面上的任何腳本都能改變計(jì)數(shù)器冕房,即便沒(méi)有調(diào)用 add() 函數(shù),可以理解為counter變量會(huì)被污染。
如果我在函數(shù)內(nèi)聲明計(jì)數(shù)器趁矾,如果沒(méi)有調(diào)用函數(shù)將無(wú)法修改計(jì)數(shù)器的值:
function add() {
var counter = 0;
return counter += 1;
}
add();
add();
add();
// 本意是想輸出 3, 但事與愿違耙册,輸出的都是 1 !
以上代碼將無(wú)法正確輸出,每次我調(diào)用 add() 函數(shù)毫捣,計(jì)數(shù)器都會(huì)設(shè)置為 1详拙。
JavaScript 內(nèi)嵌函數(shù)可以解決該問(wèn)題。
JavaScript 內(nèi)嵌函數(shù)
所有函數(shù)都能訪問(wèn)全局變量蔓同。
實(shí)際上饶辙,在 JavaScript 中,所有函數(shù)都能訪問(wèn)它們上一層的作用域斑粱。
JavaScript 支持嵌套函數(shù)畸悬。嵌套函數(shù)可以訪問(wèn)上一層的函數(shù)變量。
該實(shí)例中珊佣,內(nèi)嵌函數(shù) plus() 可以訪問(wèn)父函數(shù)的 counter 變量
function add() {
var counter = 0;
function plus() {counter += 1;}
plus();
return counter;
}
如果我們能在外部訪問(wèn) plus() 函數(shù)蹋宦,這樣就能解決計(jì)數(shù)器的困境。
我們同樣需要確保 counter = 0 只執(zhí)行一次咒锻。
我們需要閉包冷冗。
JavaScript 閉包
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();
add();
add();
add();
// 計(jì)數(shù)器為 3
閉包是一種保護(hù)私有變量的機(jī)制,在函數(shù)執(zhí)行時(shí)形成私有的作用域惑艇,保護(hù)里面的私有變量不受外界干擾蒿辙。
直觀的說(shuō)就是形成一個(gè)不銷(xiāo)毀的棧環(huán)境。