一句話概括的話:閉包就是一個函數,捕獲作用域內的外部綁定。 官方的定義:一個擁有許多變數和綁定了這些變數的環境的表達式(通常是一個函數)，因為這些變數也稱為該表達式的一部分。 自由變數和閉包的關係:自由變數閉合於閉包的創建。 內部邏輯就是 自由變數:如果一個函數內部有其他函數,那麼這些內部函數可以訪 ...
一句話概括的話:閉包就是一個函數,捕獲作用域內的外部綁定。
官方的定義:一個擁有許多變數和綁定了這些變數的環境的表達式(通常是一個函數)，因為這些變數也稱為該表達式的一部分。
自由變數和閉包的關係:自由變數閉合於閉包的創建。
內部邏輯就是
自由變數:如果一個函數內部有其他函數,那麼這些內部函數可以訪問外部函數中聲明的變數(這些變數就稱為自由變數)。
閉包的三個特性:
1.函數嵌套函數
2.函數內部可以引用外部的參數和變數
3.參數和變數不會被垃圾回收機制回收
閉包的缺點是常駐記憶體,會增大記憶體的使用量,使用不當很容易造成記憶體泄露.
閉包的好處:
1.希望一個變數可以長期駐扎在記憶體中
2.避免全局變數的污染
3.私有成員的存在
| function fn(){//閉包 fn() | |
| var a = 10; | |
| function f1(){ | |
| a++; | |
| console.log(a); | |
| } | |
| return f1; | |
| } | |
| var f = fn(); | |
| f(); | |
| f(); | |
| f(); |
閉包解決索引值問題：
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| </head> | |
| <body> | |
| <ul> | |
| <li>1</li> | |
| <li>2</li> | |
| <li>3</li> | |
| <li>4</li> | |
| </ul> | |
| </body> | |
| <script type="text/javascript"> | |
| window.onload = function(){ | |
| var aLi = document.getElementsByTagName("li"); | |
| for(var i=0;i<aLi.length;i++){ | |
| // (function(i){ | |
| // aLi[i].onclick = function(){//當我們點擊時for迴圈已經結束 | |
| // alert(i) | |
| // } | |
| // })(i) | |
| aLi[i].onclick=function(index){ | |
| return function(){ | |
| alert(index); | |
| } | |
| }(i) | |
| } | |
| } | |
| </script> | |
| </html> | |
記憶體泄漏問題：
ie的js對象和dom對象使用不同的垃圾回收機制,因此閉包在ie中會導致記憶體泄露問題,也就是無法銷毀駐留在記憶體中的元素。
| function closure(){ | ||||||||||||||||||
| var oDiv = document.getElementById("div1");//oDiv用完之後一直駐留在記憶體 | ||||||||||||||||||
| oDiv.onclic = function(){ | ||||||||||||||||||
| alert("oDiv.innerHTML");//這裡用oDiv會導致記憶體泄露 | ||||||||||||||||||
| }; | ||||||||||||||||||
|
} closure();
|
