𝗖𝗼𝘀𝘁𝗿𝘂𝘁𝘁𝗼𝗿𝗶 𝗱𝗶 𝗢𝗴𝗴𝗲𝘁𝘁𝗶 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁
Hai bisogno di creare molti oggetti dello stesso tipo. JavaScript offre diversi modi per farlo in modo efficiente.
Funzioni Costruttore
Un costruttore è una funzione utilizzata per configurare nuovi oggetti. Segui queste regole per evitare errori:
- Usa la lettera maiuscola per la prima lettera del nome della funzione. Questo ti aiuta a identificarla come un costruttore.
- Usa la parola chiave new. Se la dimentichi, la funzione verrà eseguita come una normale funzione e non riuscirà a creare l'oggetto.
Valori di Default
Puoi impostare dei valori di default nel tuo costruttore. Ciò garantisce che i tuoi oggetti rimangano validi anche se ometti alcuni dettagli.
Esempio: function Person(name = "Unknown", age = 0) { this.name = name; this.age = age; }
Se chiami new Person(), il nome diventerà "Unknown" e l'età diventerà 0.
Object.create()
Puoi usare Object.create() per creare un nuovo oggetto basato su uno esistente. Questo utilizza l'ereditarietà basata sui prototipi. Invece di copiare i dati, il nuovo oggetto si collega al prototipo originale.
Ottimizzazione della Memoria
Non inserire i metodi all'interno del costruttore stesso. Se lo fai, ogni nuovo oggetto riceverà la propria copia di quel metodo. Questo spreca memoria.
Invece, aggiungi i metodi al prototipo. In questo modo, tutti gli oggetti condivideranno un'unica versione del metodo.
Esempio: Person.prototype.greet = function() { console.log("Hello " + this.name); };
Ereditarietà
Le classi permettono a una classe di ereditare da un'altra. Usa la parola chiave super() in una classe figlia per chiamare il costruttore della classe padre. Ciò consente alla classe figlia di accedere alle proprietà della classe padre.
Vantaggi dell'uso dei costruttori:
- Codice riutilizzabile: Crea molti oggetti con un unico modello.
- Logica pulita: Mantieni la configurazione dell'oggetto in un unico posto.
- Inizializzazione facile: Imposta valori specifici durante la creazione.
- Ereditarietà: Costruisci oggetti complessi a partire da quelli più semplici.
Fonte: https://www.geeksforgeeks.org/javascript/js-constructor-method/ Fonte: https://www.w3schools.com/js/js_object_constructors.asp
Post completo: https://dev.to/kamalesh_ar_6252544786997/object-constructors-in-javascript-2e96