Najlepsza Klasa JavaScript?

Question

Obecnie szukam różnych wzorów dla klas budynków w JavaScript. Ale bez względu na to, jaki wzór widzę, wciąż są pewne rzeczy, których nie jestem pewien.

var ItemManager = (function() 
{ 
    var p = function() 
    { 
     this.items= []; 
    }; 

    p.prototype.addItem = function(item) 
    { 
     var self = this;  
     self.items.push(item); 
    }; 

    return p; 
}()); 

utworzyć prostą klasę ItemManager ta klasa dostaje funkcję addItem do dodawania pozycji do kolekcji. Teraz tak naprawdę nie chcę, aby zmienne, które reprezentują kolekcję, były publiczne, ta zmienna powinna być prywatna, ale nie widzę żadnego możliwego sposobu użycia prototypowej metody dostępu do prywatnych zmiennych.

Jaka jest najlepsza praktyka w tym przypadku? Po prostu nie używaj zmiennych prywatnych?

Answer 1

jak wspomniano GoldenerAal, nie są one nazywane klas, ale funkcje masz

var ItemManager = function(){ 
.. 
... 
... 

}; 

można mieć:

function ItemManager(){ 
this.items = []; 

function addItem(item){ 
... 
}; 
}; 

można następnie utworzyć instancję ItemManager, tylko gdy trzeba na:

var itemManager = new ItemManager(); 
itemManager.addItem(<something here>); 

http://javascript.crockford.com/private.html zmienne wewnątrz funkcji mają tylko zakres tej funkcji, ta zmienna nie jest zmienną globalną (zmienna statyczna).

Answer 2

var ItemManager = function() { 
    var items = []; 

    return { 
      addItem : function(item) { 
       items.push(item); 
      }, 
      removeItem : function() { 
       return items.pop(); 
      } 
    } 
}; 

var myItemManager = new ItemManager(); 

items zmienna zostaje ukryty po wykonaniu ItemManager funkcji, ale addItem i removeItem nadal dzielić dostęp do items. Zobacz Douglas Crockford's article dla zmiennych prywatnych w JavaScript w celu dalszego zbadania.

Answer 3

Istnieje several ways mieć zmienne prywatne:

• zamknięcia, jak w przykładzie Aga, która wykorzystuje Revealing Module Pattern. Jeśli używasz klas ES6, możesz hide private data in the constructor, ale wydaje mi się to dość brzydkie.
• [ES6] Symbole
• [ES6] WeakMap

I rzecz symboli, że mogą one nadal znajduje się przy użyciu odbicia (to znaczy nie w pełni ujawniać). Przykład:

var Person = (function() { 
    var nameSymbol = Symbol('name'); 
​ 
    function Person(name) { 
     this[nameSymbol] = name; 
    } 
​ 
    Person.prototype.getName = function() { 
     return this[nameSymbol]; 
    }; 
​ 
    return Person; 
}()); 

Więc jest to możliwe, aby (w rozsądny sposób) zmiennych prywatnych, ale niestety żaden z tych rozwiązań są tak eleganckie, jak chcesz.