今天,看到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;})。