DIV CSS 佈局教程網

 這篇文章主要介紹了JavaScript中消除閉包的一般方法介紹,本文直接給出了操作示例,需要的朋友可以參考下

   

JavaScript 的閉包是一個其主動發展的特性, 也是一個被動發展的特性. 也就是說, 一方面, JS 有了閉包能更好解決一些問題. 另一方面, JS 為了解決某些問題, 而不得不使用閉包勉強來解決問題.

前者這裡不討論, 如果 JS 閉包能更好的解決問題, 當然使用閉包更好.

我討論的是後者, 是因為 JS 本身的限制, 而不得不磕磕絆絆地用閉包來解決的問題, 例如"變量只初始化一次"這樣的需求.

常規的語言這樣解決:

代碼如下:
class Class{
function init(){
this.n = 0;
}
function func(){
this.n ++;
return this.n;
}
}
var obj = new Class();

 

JavaScript 一般會這樣解決(使用閉包):

 

代碼如下:
var obj = {
func : (function(){
var n = 0;
return function(){
n ++;
return n;
}
})()
}

 

但我更建議采用這種方法(消除閉包):

 

代碼如下:
function Class(){
var self = this;
self.n = 0;
self.func = function(){
self.n ++;
return self.n;
}
}
var obj = new Class();

 

因為後者的可擴展性更好. 當你需要實現對一個變量的不同操作時, 後一種可以只需要再定義一個不同的函數(也就是簡單線性擴展), 而前一種(閉包)則需要完全重寫(這就是為什麼你經常聽到重構這個詞的原因).