AD

Cosa sono i prototipi in JavaScript

In JavaScript, ogni oggetto ha un prototipo, che è essenzialmente un oggetto da cui eredita proprietà e metodi. Quando si cerca di accedere a una proprietà o a un metodo di un oggetto e questo non è presente nell'oggetto stesso, JavaScript cerca nel prototipo dell'oggetto padre e continua a risalire la "catena dei prototipi" fino a quando trova la proprietà o il metodo richiesto o raggiunge l'oggetto di base Object.prototype.

I prototipi sono fondamentali per la programmazione orientata agli oggetti in JavaScript. Permettono di condividere metodi e proprietà tra oggetti simili in modo efficiente, risparmiando memoria e semplificando la gestione del codice.

Un altro aspetto fondamentale è che JavaScript è un linguaggio basato su prototipi, il che significa che non ha classi tradizionali come altri linguaggi di programmazione. Invece, gli oggetti vengono creati come istanze di altri oggetti esistenti, utilizzando i prototipi come modello.

Creare un prototipo in javaScript

Per creare un prototipo in JavaScript, puoi utilizzare una funzione costruttrice o un oggetto letterale. Ecco un esempio utilizzando una funzione costruttrice:

function Animale(nome) {   this.nome = nome; } Animale.prototype.saluta = function() {   console.log(`Ciao, sono ${this.nome}!`); }; const cane = new Animale("Fido"); cane.saluta(); // Stampa: 'Ciao, sono Fido!'

In questo esempio, abbiamo creato un prototipo Animale con una proprietà nome e un metodo saluta. Gli oggetti creati utilizzando new Animale() ereditano automaticamente sia la proprietà nome che il metodo saluta dal prototipo Animale.

Ereditarietà dei prototipi

Un vantaggio dei prototipi è la possibilità di creare catene di ereditarietà. Puoi estendere un prototipo esistente per creare un nuovo oggetto con proprietà e metodi aggiuntivi. Ecco un esempio:

function Animale(nome) {   this.nome = nome; } Animale.prototype.saluta = function() {   console.log(`Ciao, sono ${this.nome}!`); }; function Uccello(nome, specie) {   Animale.call(this, nome); // Chiama il costruttore di Animale   this.specie = specie; } // Eredita i metodi di Animale Uccello.prototype = Object.create(Animale.prototype); Uccello.prototype.vola = function() {   console.log(`${this.nome} sta volando!`); }; const pappagallo = new Uccello("Polly", "Pappagallo"); pappagallo.saluta(); // Stampa: 'Ciao, sono Polly!' pappagallo.vola();   // Stampa: 'Polly sta volando!'

In questo esempio, abbiamo creato un nuovo prototipo Uccello che eredita dal prototipo Animale. Questo ci consente di condividere il metodo saluta da Animale e aggiungere il metodo vola specifico per gli uccelli.