javascript閉包

今天,看到j(luò)avascript閉包,仔細(xì)想想,閉包是一種思想,一種技巧,其他語言應(yīng)該也可以實(shí)現(xiàn)閉包的功能。


為什么需要閉包?


設(shè)想一下,如果你需要統(tǒng)計(jì)一些數(shù)值,且該計(jì)數(shù)器應(yīng)該在所有函數(shù)都有效。那么,通常第一反應(yīng)是定義一個全局變量。

var counter = 0;

function add() {

? ? ? ? counter += 1;

? ? ? ?return counter;

}

add();

add();

但是問題來了,cunter是全局變量,這意味著不經(jīng)過add()函數(shù),也可以修改counter的值。那么,我們應(yīng)該把counter定義為add()函數(shù)的局部變量,這樣才符合我們的本意,調(diào)用了add()函數(shù),counter加一。

function add() {

? ? ? ? var counter = 0;

? ? ? ? counter += 1;

? ? ? ? return counter;

}

add();

add()

這樣,又有問題啊,counter是局部變量,這意味著它只能活在add()函數(shù)里,對吧。每次調(diào)用add(),counter會重新定義為0。

悲劇了,怎么辦?

閉包閃亮登場!!


javascript閉包

var add = (function () {

? ? ? ? var counter = 0;

? ? ? ? return function() {

? ? ? ? ? ? ? ? return counter += 1;

? ? ? ? }

}) ();

add();

add()

上面的代碼看著很熟悉吧?函數(shù)的自我調(diào)用,外層的function()調(diào)用之后返回值賦值給add,返回的是什么?function(){return counter += 1}; 返回的是一個函數(shù),那么add就是一個函數(shù)了。add()就是調(diào)用function(){return counter += 1},counter對于這個函數(shù)是可見的,所以就實(shí)現(xiàn)了我們的目標(biāo):計(jì)數(shù)器, 這個計(jì)數(shù)器只能通過add()修改。

javascript閉包是得益于函數(shù)可以賦值給一個變量,從而我們可以在全局調(diào)用計(jì)數(shù)功能的內(nèi)嵌函數(shù)(function(){return counter += 1;})。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 總括 :這篇文章使用有效的javascript代碼向程序員們解釋了閉包,大牛和功能型程序員請自行忽略。 譯者...
    KX九五閱讀 324評論 0 1
  • 概要 : 閉包是可訪問上一層函數(shù)作用域里變量的函數(shù),即使上一層函數(shù)已經(jīng)關(guān)閉。 詳情: 官方對閉包的解釋是:一個擁有...
    LuckyJin閱讀 262評論 0 0
  • javascript之閉包 閉包的概念 ????閉包(closure)是 JavaScript 的一種語法特性。 ...
    呦_小宋啊閱讀 235評論 0 2
  • 閉包(closure)是Javascript語言的一個難點(diǎn),也是它的特色,很多高級應(yīng)用都要依靠閉包實(shí)現(xiàn)。 一、變量...
    zouCode閱讀 1,358評論 0 13
  • 我不知道大家有沒有這樣的憂患,網(wǎng)上的信息資源越來越多了,然而我們花費(fèi)在檢索上的時間卻越來越長;淘寶上的貨源越來越豐...
    產(chǎn)品范閱讀 610評論 0 0

友情鏈接更多精彩內(nèi)容