怎么在JavaScript中使用閉包

這篇文章將為大家詳細講解有關怎么在JavaScript中使用閉包，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

JavaScript的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.js技術進行服務器端編程。

理解閉包關鍵是理解JS的對象的本質以及垃圾收集機制。函數也是對象，也有屬性，通常執行一個函數時，局部變量在函數執行完后，內存會被回收，這是JS的垃圾收集機制決定的，如果想保存局部變量所占用的內存，就必須把保存在另一個不被回收的變量中，通常是全局變量。函數在創建時，內部屬性[[Scope]]保存了作用域鏈，作用域鏈中包含外部函數以及全局對象的變量，被稱為變量對象。所以把內部函數返回時，由于把函數保存了，所以內部屬性[[Scope]]所保存的變量對象也就保存了而沒有被回收，因此局部變量也就被保存了。

最簡單的閉包：

function f1() {
 var i = 0;
 return function () {
 var j = 0;
 i++;
 console.log(i,j);
 };
}
var fn = f1();
fn();//1 0
fn();//2 0

還有諸如給元素添加事件，事件函數保存著外部函數的變量，通過這個特性可以讓按鈕顯示被點擊次數。

當然可以創建多層閉包，最內部函數保存所有外部函數以及全局對象的變量，但并不是任何地方都用閉包，因為其始終都帶有[[Scope]]屬性，所有比較占內存，所以在需要的時候才用。

閉包在模塊化編程，為函數或對象創建私有變量的時候非常有用，可以避免全局污染以及變量命名沖突的問題。

值得注意的是因為[[Scope]]與函數有關，如上述例子，在兩次執行f1函數把返回的函數保存在不同的變量中，其外部函數的變量是互不影響的。如：

function f1() {
 var i = 0;
 return function () {
 var j = 0;
 i++;
 console.log(i,j);
 };
}
var fn = f1();
fn();//1 0
fn();//2 0
var fn1 = f1();
fn1();//1 0
fn(); //3 0
fn1();//2 0

關于怎么在JavaScript中使用閉包就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。