Introduzione alle classi

Le classi in JavaScript sono un modo moderno e leggibile per definire oggetti e le loro funzionalità. Una classe è come un modello (o “stampo”) che ci permette di creare più oggetti con le stesse proprietà e metodi.

• Le classi si dichiarano con la parola chiave class.
• Al loro interno troviamo il metodo speciale constructor per inizializzare le proprietà.
• È possibile aggiungere metodi personalizzati che saranno disponibili in tutti gli oggetti creati da quella classe.

Esempio di classe con costruttore

Nel seguente esempio definiamo una classe Studente con un costruttore che assegna le proprietà, e un metodo che descrive lo studente:

Codice Esempio: Classe base

CODE: Javascript

1. class Studente {

2.   constructor(nome, eta) {

3.     this.nome = nome;

4.     this.eta = eta;

5.   }

7.   descrivi() {

8.     return this.nome + " ha " + this.eta + " anni.";

9.   }

10. }

12. let studente1 = new Studente("Marco", 16);

13. console.log(studente1.descrivi()); 

14. // Output: Marco ha 16 anni.

Metodi aggiuntivi nelle classi

Possiamo aggiungere altri metodi direttamente nella classe, che saranno disponibili per tutti gli oggetti creati:

Codice Esempio: Classe con più metodi

CODE: Javascript

1. class Rettangolo {

2.   constructor(base, altezza) {

3.     this.base = base;

4.     this.altezza = altezza;

5.   }

7.   area() {

8.     return this.base * this.altezza;

9.   }

11.   perimetro() {

12.     return 2 * (this.base + this.altezza);

13.   }

14. }

16. let r1 = new Rettangolo(5, 3);

17. console.log("Area: " + r1.area()); 

18. // Output: Area: 15

19. console.log("Perimetro: " + r1.perimetro()); 

20. // Output: Perimetro: 16

Tabella riassuntiva

Considerazioni

Le classi e i costruttori rendono più semplice e leggibile la creazione di oggetti complessi. Usandoli possiamo organizzare meglio il codice e riutilizzare funzioni e proprietà in modo strutturato.