đóng gói trong mô hình mô-đun javascript

Question

Tôi đã đọc liên kết này http://addyosmani.com/largescalejavascript/#modpattern

Và xem ví dụ sau.

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()); 

Nó stats rằng "Các mô hình mô-đun là một thiết kế phổ biến mà mô hình đó gói gọn 'riêng tư', nhà nước và tổ chức sử dụng đóng cửa" Làm thế này là khác nhau từ viết nó như dưới đây? Không thể riêng tư được thực thi đơn giản với phạm vi chức năng?

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

Trong biến thể đầu tiên bạn tạo đối tượng mà không có khả năng tạo phiên bản mới của nó (đó là hàm tức thời ngay lập tức). Ví dụ thứ hai là một hàm contructor đầy đủ, cho phép một vài trường hợp. Việc đóng gói là như nhau trong cả hai ví dụ, các basket Array là 'tư nhân' trong cả hai.

Just for fun: tốt nhất của cả hai thế giới có thể là:

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(),