Simple Object porównaniu fabryce porównaniu konstruktor - praktyczny przykład

Question

Są trzy sposoby tworzenia obiektów JavaScript:

1. prostu przez obiekt tworzący
2. przez funkcję fabryce
3. przez konstruktor

---

1. Simple Object Creatio n:

   var ronaldo = { 
       name: "Ronaldo", 
       age: "35", 
       quote: "Hi I am Ronaldo", 
       salary: function(x){ return x+2500; } 
   }; 
   

2. fabryczne Funkcja:

   function human(x,y,z,i){ 
       return{ 
        name: x, 
        age: y, 
        quote: z, 
        salary: function(i){ return i+2500; } 
       } 
   }; 
   var Zini = human('Zenidan','41','I am Zidane',7500); 
   

3. Konstruktor Funkcja:

   var human = function(x,y,z,i){ 
       this.name = x, 
       this.age = y, 
       this.quote = z, 
       this.salary = function(i){ return i+2500; } 
   }; 
   var Lampd = new human('Frank Lampard','39','I am Frank J Lampard',5500); 
   

Może ktoś zapewniają proste ilustracje kiedy używać które z tych metod do tworzenia obiektów w prostych słowach, aby naiwna mogła również zrozumieć?

poszedłem za pośrednictwem następujących linków, ale jest to trochę skomplikowane do zrozumienia:

• Constructors vs Factory Methods
• Constructor function vs Factory functions
• Creation of Objects: Constructors or Static Factory Methods

Więc pytam dla niektórych prostych przypadkach praktycznych .

Answer 1

Użyj prostych obiektów dla danych: gdy potrzebujesz tylko pakietu par klucz/wartość.

W przykładzie prostego obiektu, masz więcej niż tylko dane: metoda salary dodaje zachowanie obiektu. Jeśli masz zamiar skończyć z wieloma takimi obiektami, to lepiej dla wydajności i łatwości konserwacji mieć tylko jedną metodę, która jest wspólna dla wszystkich obiektów, a nie dla każdego obiektu mającego własną metodę salary. Sposobem na udostępnienie metody między wieloma obiektami jest umieszczenie metody na prototypie obiektów.

Można użyć funkcji konstruktora, gdy trzeba utworzyć obiekt będący instancją prototypu. To jest dobre miejsce na przeczytanie tego, ale jest trochę gęsty: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

Powyższy odnośnik MDN demonstruje również składnię ECMAScript 2015 class, która jest alternatywą dla funkcji konstruktora.

Aktualizacja: Zobacz komentarz Dave Newtona za dobry przykład, kiedy używać fabryce