enkapsulacji w javascript moduł wzór

Question

czytałem ten link http://addyosmani.com/largescalejavascript/#modpattern

I zobaczyłem następujący przykład.

var basketModule = (function() { 
var basket = []; //private 

return { //exposed to public 
     addItem: function(values) { 
      basket.push(values); 
     }, 
     getItemCount: function() { 
      return basket.length; 
     }, 
     getTotal: function(){ 
      var q = this.getItemCount(),p=0; 
      while(q--){ 
       p+= basket[q].price; 
      } 
     return p; 
     } 
     } 
}()); 

basketModule.addItem({item:'bread',price:0.5}); 
basketModule.addItem({item:'butter',price:0.3}); 

console.log(basketModule.getItemCount()); 
console.log(basketModule.getTotal()); 

Statystyki To, że „wzorzec moduł to popularna konstrukcja że wzór, który obudowuje«prywatność», państwa i organizacji za pomocą zamknięć” Jak się to różni od pisania go jak poniżej? Czy prywatność nie może być po prostu egzekwowana za pomocą zakresu funkcji?

var basketModule = function() { 
var basket = []; //private 
     this.addItem = function(values) { 
      basket.push(values); 
     } 
     this.getItemCount = function() { 
      return basket.length; 
     } 
     this.getTotal = function(){ 
      var q = this.getItemCount(),p=0; 
      while(q--){ 
       p+= basket[q].price; 
      } 
     return p; 
     } 

} 

var basket = new basketModule(); 

basket.addItem({item:'bread',price:0.5}); 
basket.addItem({item:'butter',price:0.3}); 

Answer 1

W pierwszym wariancie tworzysz obiekt bez możliwości tworzenia jego nowych instancji (jest to natychmiastowa instancja). Drugi przykład to pełna funkcja contructor, pozwalająca na kilka instancji. Enkapsulacja jest taka sama w obu przykładach, tablica basket jest "prywatna" w obu.

Just for Fun: najlepsze z obu światów mogą być:

var basketModule = (function() { 
    function Basket(){ 
     var basket = []; //private 
     this.addItem = function(values) { 
      basket.push(values); 
     } 
     this.getItemCount = function() { 
      return basket.length; 
     } 
     this.getTotal = function(){ 
      var q = this.getItemCount(),p=0; 
      while(q--){ 
       p+= basket[q].price; 
      } 
     return p; 
     } 
    } 
    return { 
    basket: function(){return new Basket;} 
    } 
}()); 
//usage 
var basket1 = basketModule.basket(), 
    basket2 = basketModule.basket(),