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

創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)沐川,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792

私有變量可以用到閉包。

---

全局變量

函數(shù)可以訪問(wèn)函數(shù)內(nèi)部定義的變量，如：

實(shí)例

function myFunction() {

    var a = 4;

    return a * a;

}

嘗試一下 ?

函數(shù)也可以訪問(wèn)函數(shù)外部定義的變量，如：

實(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ù)或腳本代碼是不可用的。

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

	變量聲明是如果不使用var關(guān)鍵字，那么它就是一個(gè)全局變量，即便它在函數(shù)內(nèi)定義。

提示：請(qǐng)?jiān)贘avaScript編程實(shí)戰(zhàn)中練習(xí)如何定義JavaScript函數(shù)的全局變量！

---

變量生命周期

全局變量的作用域是全局性的，即在整個(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ù)器遞增：

實(shí)例

var counter = 0;

function add() {

    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ù)。

如果我在函數(shù)內(nèi)聲明計(jì)數(shù)器，如果沒(méi)有調(diào)用函數(shù)將無(wú)法修改計(jì)數(shù)器的值：

實(shí)例

function add() {

    var counter = 0;

    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變量：

實(shí)例

function add() {

    var counter = 0;

    function plus() {counter += 1;}

    plus();   

    return counter;

}

嘗試一下 ?

如果我們能在外部訪問(wèn)plus()函數(shù)，這樣就能解決計(jì)數(shù)器的困境。

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

我們需要閉包。

---

JavaScript 閉包

還記得函數(shù)自我調(diào)用嗎？該函數(shù)會(huì)做什么？

實(shí)例

var add = (function () {

    var counter = 0;

    return function () {return counter += 1;}

})();

add();

add();

add();

// 計(jì)數(shù)器為 3

嘗試一下 ?

實(shí)例解析

變量add指定了函數(shù)自我調(diào)用的返回字值。

自我調(diào)用函數(shù)只執(zhí)行一次。設(shè)置計(jì)數(shù)器為 0。并返回函數(shù)表達(dá)式。

add變量可以作為一個(gè)函數(shù)使用。非常棒的部分是它可以訪問(wèn)函數(shù)上一層作用域的計(jì)數(shù)器。

這個(gè)叫作 JavaScript閉包。它使得函數(shù)擁有私有變量變成可能。

計(jì)數(shù)器受匿名函數(shù)的作用域保護(hù)，只能通過(guò) add 方法修改。

	閉包是可訪問(wèn)上一層函數(shù)作用域里變量的函數(shù)，即便上一層函數(shù)已經(jīng)關(guān)閉。

相關(guān)文章參考

JavaScript學(xué)習(xí)筆記：學(xué)習(xí)Javascript閉包

文章題目：創(chuàng)新互聯(lián)JAVA教程：JavaScript閉包
轉(zhuǎn)載源于：http://uogjgqi.cn/article/djjidch.html