前端總結（一）閉包

1、對閉包的理解，以及哪些地方用過閉包，以及閉包的缺點。

閉包（closure）是javascript的一大難點，也是它的特點。不少高級應用都要依靠閉包來實現。

（1）變量做用域

javascript的變量做用域只有兩種：全局變量和局部變量。

javascript語言的特別之處就在於：函數內部能夠直接讀取全局變量，可是在函數外部沒法讀取函數內部的局部變量。

注意：在函數內部聲明變量的時候，必定要使用var命令。不然，默認的會添加到全局對象的屬性上去，即聲明的是全局變量！

（2）如何從外部讀取函數內部的局部變量？

但咱們有時候須要獲取到函數內部的局部變量。上面已經說過了，正常狀況下，這是辦不到的！只有經過變通的方法才能實現。

那就是在函數內部，再定義一個函數。

function f1(){
　　　　var n=999;
　　　　function f2(){
　　　　　　alert(n); // 999
　　　　}
}

在上面的代碼中，函數f2就被包括在函數f1內部，這時f1內部的全部局部變量，對f2都是可見的。可是反過來就不行，f2內部的局部變量，對f1就是不可見的。

這就是Javascript語言特有的"鏈式做用域"結構（chain scope），

子對象會一級一級地向上尋找全部父對象的變量。因此，父對象的全部變量，對子對象都是可見的，反之則不成立。

既然f2能夠讀取f1中的局部變量，那麼只要把f2做爲返回值，咱們不就能夠在f1外部讀取它的內部變量了嗎！

（3）閉包的概念

上面代碼中的f2函數，就是閉包。

理解1: 閉包就是可以讀取其餘函數內部變量的函數。

理解2：閉包就是有權訪另外一個函數做用域中變量的函數。

因爲在javascript中，只有函數內部的子函數才能讀取局部變量，因此說，閉包能夠簡單理解成「定義在一個函數內部的函數「。

因此，在本質上，閉包是將函數內部和函數外部鏈接起來的橋樑。

（4）閉包的特色

函數嵌套函數； 
函數內部能夠引用函數外部的參數和變量； 
函數變量和參數不會被垃圾回收機制回收；

（5）閉包的優缺點

優勢 
- 但願一個變量長期駐紮在內存中 
- 避免全局變量的污染 
- 私有成員的存在 

缺點 
- 常駐內存，增大內存使用量，使用不當回形成內存泄漏；

因爲閉包會使得函數中的變量都被保存在內存中，內存消耗很大，因此不能濫用閉包，不然會形成網頁的性能問題，在IE中可能致使內存泄露。解決方法是，在退出函數以前，將不使用的局部變量所有刪除。

閉包會在父函數外部，改變父函數內部變量的值。因此，若是你把父函數看成對象（object）使用，把閉包看成它的公用方法（Public Method），把內部變量看成它的私有屬性（private value），這時必定要當心，不要隨便改變父函數內部變量的值。

 （6）閉包的用途

閉包通常的用途在，輪播、幻燈片，經過閉包記住點擊的index。

閉包能夠用在許多地方。它的最大用處有兩個，一個是前面提到的能夠讀取函數內部的變量，另外一個就是讓這些變量的值始終保持在內存中，不會在f1調用後被自動清除。

爲何會這樣呢？緣由就在於f1是f2的父函數，而f2被賦給了一個全局變量，這致使f2始終在內存中，而f2的存在依賴於f1，所以f1也始終在內存中，不會在調用結束後，被垃圾回收機制（garbage collection）回收。

2、閉包

 

閉包是指有權訪問另外一個函數做用域中變量的函數，建立閉包的最多見的方式就是在一個函數內建立另外一個函數，經過另外一個函數訪問這個函數的局部變量,利用閉包能夠突破做用鏈域，將函數內部的變量和方法傳遞到外部。

 

閉包的特性：1.函數內再嵌套函數2.內部函數能夠引用外層的參數和變量3.參數和變量不會被垃圾回收機制回收//li節點的onclick事件都能正確的彈出當前被點擊的li索引

<ul id="testUL">
<li> index = 0</li>
<li> index = 1</li>
<li> index = 2</li>
<li> index = 3</li>
</ul>
<script type="text/javascript">
 var nodes = document.getElementsByTagName("li"); 
for(i = 0;i<nodes.length;i+= 1){
nodes[i].onclick = (function(i){ 
return function() {
console.log(i);
} //不用閉包的話，值每次都是4 })(i);
}
</script>

執行say667()後,say667()閉包內部變量會存在,而閉包內部函數的內部變量不會存在
使得Javascript的垃圾回收機制GC不會收回say667()所佔用的資源
由於say667()的內部函數的執行須要依賴say667()中的變量
這是對閉包做用的很是直白的描述 function say667() { // Local variable that ends up within closure
var num = 666; var sayAlert = function() {
alert(num);
}
num++; return sayAlert;
} var sayAlert = say667();
sayAlert()//執行結果應該彈出的667

3、介紹一下閉包和閉包經常使用場景？

 

• 使用閉包主要爲了設計私有的方法和變量，閉包的有點事能夠避免變量的污染，缺點是閉包會常駐內存，會增大內存使用量，使用不當很容易形成內存泄露。在js中，函數即閉包，只有函數纔會產生做用域的概念。
• 閉包有三個特性：
  • 函數嵌套函數
  • 函數內部能夠引用外部的參數和變量
  • 參數和變量不會被垃圾回收機制回收
• 閉包是指有權訪問另外一個函數做用域中的變量的函數，建立閉包常見方式，就是在一個函數的內部建立另外一個函數
  • 應用場景，設置私有變量的方法
  • 不適用場景：返回閉包的函數是個很是大的函數
  • 閉包的缺點就是常駐內存，會增大內存使用量，使用不當會形成內存泄漏

 

4、爲何會出現閉包這種東西？解決了什麼問題？

受javascript鏈式做用域鏈的影響，父級變量中沒法訪問到子級的變量值