Javascript - Module Pattern differences

Question

b/w以下兩種模式有什麼不同嗎？自執行第一個程序的優點是什麼？

var testModule = (function() { 
    var counter = 0; 

    return { 
    incrementCounter: function() { 
     return counter++; 
    }, 

    resetCounter: function() { 
     console.log("counter value prior to reset: " + counter); 
     counter = 0; 
    } 
    }; 
})(); 

testModule.incrementCounter(); // 1 

下一頁：

var testModule2 = function() { 
    var counter = 0; 

    return { 
    incrementCounter: function() { 
     return counter++; 
    }, 

    resetCounter: function() { 
     console.log("counter value prior to reset: " + counter); 
     counter = 0; 
    } 
    } 
} 

var result = testModule2(); 
result.incrementCounter(); //1 

Answer 1

第一種是單 - 你可以克隆它，當然，但它會很尷尬，第一次，也不會作出這樣的私人副本變量：所有克隆對象的所有方法仍然可以使用相同的var counter。這就是爲什麼它適合製作類似服務的東西。

第二個是實際構造函數的變體 - 它適用於基於單個模板創建多個事物。它的缺點（與經典的基於prototype的模板相比）是，每次調用testModule2時，其中定義的所有函數都會重新創建。它的優點 - 私有變量，爲每個新對象創建一個獨立的集合（注意克隆用第一種方法創建的對象的區別）。