Javascript閉包的定義非乘蓟遥晦澀——閉包半开,是指語法域位于某個特定的區(qū)域,具有持續(xù)參照(讀寫)位于該區(qū)域內自身范圍之外的執(zhí)行域上的非持久型變量值能力的段落枢冤。這些外部執(zhí)行域的非持久型變量神奇地保留它們在閉包最初定義(或創(chuàng)建)時的值(深連結)鸠姨。
簡單來說,Javascript閉包就是在另一個作用域中保存了一份它從上一級函數(shù)或作用域取得的變量(鍵值對)掏导,而這些鍵值對是不會隨上一級函數(shù)的執(zhí)行完成而銷毀享怀。周愛民說得更清楚羽峰,閉包就是“屬性表”趟咆,閉包就是一個數(shù)據(jù)塊,閉包就是一個存放著“Name=Value”的對照表梅屉。就這么簡單值纱。但是,必須強調坯汤,閉包是運行期概念虐唠,一個函數(shù)實例。
Javascript閉包的實現(xiàn)惰聂,通常是在函數(shù)內部再定義函數(shù)疆偿,讓該內部函數(shù)使用上一級函數(shù)的變量或全局變量。
ECMAScript認為使用全局變量是一個簡單的Javascript閉包實例搓幌。
1. **var** sMessage = "Hello World";
2. **function** sayHelloWorld(){
3. alert(sMessage);
4. };
5. sayHelloWorld();
但它完成沒有體現(xiàn)Javascript閉包的特性……
現(xiàn)在比較讓人認同的Javascript閉包實現(xiàn)有如下三種
1. **with**(obj){
2. //這里是對象閉包
3. }(**function**(){
4. //函數(shù)閉包
5. })()**try**{
6. //...
7. } **catch**(e) {
8. //catch閉包 但IE里不行
9. }
附上我們常常遇到的問題:
要求:
讓這三個節(jié)點的Onclick事件都能正確的彈出相應的參數(shù)杆故。
1. <ul>
2. <li id="a1">aa</li>
3. <li id="a2">aa</li>
4. <li id="a3">aa</li>
5. </ul>
6. <script** type="text/javascript">
7. <ul>
8. <li id="a1">aa</li>
9. <li id="a2">aa</li>
10. <li id="a3"*>aa</li>
11.</ul>
12. <script** type="text/javascript"**>**
13. for(var i=1; i **< 4**; i++){
14. var id = document.getElementById("a" + i);
15. id.onclick = function(){
16. alert(i);//現(xiàn)在都是返回4
17. }
18. }
19. </script>
解答:
- for(var i=1; i < 4; i++){
- var id = document.getElementById("a" + i);
- /*
- 這里生成了一個匿名函數(shù)并賦值給對象 id_i;
- */
- id.onclick = function(){
- /*
- 這個i來源于局部變量,無法以window.i或者obj.i的形式在后期引用溉愁,
- 只好以指針或者變量地址方式保存在這個匿名函數(shù)中处铛,
- 這就是傳說的閉包,所以所有這個過程中生成的事件句柄都使用引用
- 的方式來持久這個變量,也就是這些匿名函數(shù)共用一個變量i;
- */
- alert(i);
- };
- };
局部變全局 - for(var i=1; i < 4; i++){
- var id = document.getElementById("a" + i);
- id.i=i;//這個i有了根
- id.onclick=function(){
- alert(this.i)
- };
- };1.for(var i=1; i < 4; i++){
- var id = document.getElementById("a" + i);
- window[id.id]=i;//這個i有了根
- id.onclick=function(){
- alert(window[this.id]);
- };
- }
產(chǎn)生一對一的更多Javascript閉包 - for(var i=1; i < 4; i++){
- var id = document.getElementById("a" + i);
- id.onclick = new function(){
- var i2=i;//這個i是閉包的閉包
- return function(){
- alert(i2);
- }
- };
- }
javascript深入理解js閉包發(fā)布:dxy 字體:[增加 減小] 類型:轉載
閉包(closure)是Javascript語言的一個難點撤蟆,也是它的特色奕塑,很多高級應用都要依靠閉包實現(xiàn)。
一家肯、變量的作用域
要理解閉包龄砰,首先必須理解Javascript特殊的變量作用域。
變量的作用域無非就是兩種:全局變量和局部變量讨衣。
Javascript語言的特殊之處寝贡,就在于函數(shù)內部可以直接讀取全局變量。
Js代碼
var n=999;
function f1(){
alert(n);
}
f1(); // 999
另一方面值依,在函數(shù)外部自然無法讀取函數(shù)內的局部變量圃泡。
Js代碼
function f1(){
var n=999;
}
alert(n); // error
這里有一個地方需要注意,函數(shù)內部聲明變量的時候愿险,一定要使用var命令颇蜡。如果不用的話,你實際上聲明了一個全局變量辆亏!
Js代碼
function f1(){
n=999;
}
f1();
alert(n); // 999
二风秤、如何從外部讀取局部變量?
出于種種原因扮叨,我們有時候需要得到函數(shù)內的局部變量缤弦。但是,前面已經(jīng)說過了彻磁,正常情況下碍沐,這是辦不到的,只有通過變通方法才能實現(xiàn)衷蜓。
那就是在函數(shù)的內部累提,再定義一個函數(shù)。
Js代碼
function f1(){
n=999;
function f2(){
alert(n); // 999
}
}
在上面的代碼中磁浇,函數(shù)f2就被包括在函數(shù)f1內部斋陪,這時f1內部的所有局部變量,對f2都是可見的置吓。但是反過來就不行无虚,f2內部的局部變量,對f1 就是不可見的衍锚。這就是Javascript語言特有的“鏈式作用域”結構(chain scope)友题,
子對象會一級一級地向上尋找所有父對象的變量。所以构拳,父對象的所有變量咆爽,對子對象都是可見的梁棠,反之則不成立。
既然f2可以讀取f1中的局部變量斗埂,那么只要把f2作為返回值符糊,我們不就可以在f1外部讀取它的內部變量了嗎!
Js代碼
function f1(){
n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
三呛凶、閉包的概念
上一節(jié)代碼中的f2函數(shù)男娄,就是閉包。
各種專業(yè)文獻上的“閉包”(closure)定義非常抽象漾稀,很難看懂模闲。我的理解是,閉包就是能夠讀取其他函數(shù)內部變量的函數(shù)崭捍。
由于在Javascript語言中尸折,只有函數(shù)內部的子函數(shù)才能讀取局部變量,因此可以把閉包簡單理解成“定義在一個函數(shù)內部的函數(shù)”殷蛇。
所以实夹,在本質上,閉包就是將函數(shù)內部和函數(shù)外部連接起來的一座橋梁粒梦。
--------------------------------------------------------------------------------------------------------b
四亮航、閉包的用途
閉包可以用在許多地方。它的最大用處有兩個匀们,一個是前面提到的可以讀取函數(shù)內部的變量缴淋,另一個就是讓這些變量的值始終保持在內存中。