javascript中閉包(Closure)詳解_javascript技巧-js教程-PHP中文網

javascript中閉包(Closure)詳解_javascript技巧

WBOY

發布： 2016-05-16 15:21:34

原創

1245 人瀏覽過

在javascript中，函數可看作是一種數據，可以賦值給變量，可以嵌套在另一個函數中。

var fun = function(){
  console.log("平底斜");
}

登入後複製

function fun(){
  var n=10;
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); //11
fun(); //11

登入後複製

我們把上面第二段程式碼稍微修改下：

var n=10;
function fun(){
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); //11
fun(); //12

登入後複製

看出差別了嗎，如果理解不了程式碼執行結果，請看上一篇博文，關於javascript作用域和作用域鏈的講解。

上面這段程式碼中變數n是全域變量，隨時可能被重新賦值，而無需透過fun函數的呼叫。為了讓變數n不受污染，或者說是減少全域變數的污染，我們需要把n放到函數中作為局部變數。

function fun(){
  var n=10;
  function son(){
    n++;
    console.log(n);
  }
  son();
}
fun(); //11
fun(); //11

登入後複製

如果我們可以在全域中直接呼叫son函數，那麼便可以達成想要的效果。 son函數現在是作為局部變數存在，要想在全局中訪問，一般有兩種方法：

一種是賦值給全域變數

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
}
fun(); //son()
a(); //11
a(); //12

登入後複製

另一種是使用return回傳值

function fun(){
  var n=10;
  return function son(){
    n++;
    console.log(n);
  }
}
var a=fun();
a(); //11
a(); //12

登入後複製

上面的son()函數就是閉包，某種意義上所有函數都可以看成閉包。閉包就是可以存取外層函數作用域的變數的函數。

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
  return a();
}
fun(); //11
a(); //12
a(); //13
fun(); //11
a(); //12
a(); //13

登入後複製

還是上面那段程式碼，我們稍微修改下，再看看執行結果，這是因為每次執行fun()函數時都會初始化變數n。

閉包的好處是減少全域變量，避免全域污染，並且可以將局部變量保存在記憶體中。但這既是優點又是缺點，一段程式碼如果閉包過多，有可能造成記憶體外洩。由於閉包中局部變數不會被垃圾回收機制回收，所以需要手動賦值為null（關於記憶體洩露，後期單獨開專題）