Introduzione a JavaScript - HTML5 con CSS e JavaScript - page 153

Classi e oggetti

JavaScript non ha un supporto alle classi come invece hanno i linguaggi a oggetti. Tuttavia
possiamo

creare qualcosa di simile a una classe sfruttando una funzione, come

nell'esempio 7.15 .

Esempio 7.15
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
this.getFullName = function() {
return this.firstName + " " + this.lastName;
};

}

In questo esempio creiamo una funzione che accetta due parametri. In JavaScript una fun-
zione è anche un oggetto e tramite la parola chiave this accediamo all'oggetto stesso.
Poiché JavaScript è un linguaggio dinamico e interpretato, possiamo creare nuove proprie-
tà per l'oggetto semplicemente dichiarandole e assegnando loro un valore così come fatto
per le proprietà firstName e lastName . Oltre alle proprietà, possiamo aggiungere an-
che metodi, come nel caso di getFullName .
Il risultato dell'esempio 7.15 è la definizione di una classe Person che ha un costrut-
tore, che accetta due parametri, due proprietà e un metodo. Nel prossimo esempio viene
mostrato come utilizzare questa classe.

Esempio 7.16
var p = new Person("Stefano", "Mostarda"); // istanzia
l'oggetto Person
alert(p.getFullName()); // mostra a video il nome completo

Tramite la parola chiave new creiamo un'istanza della classe Person e la assegniamo a
una variabile, sulla quale poi possiamo invocare metodi e utilizzare proprietà.
Creare classi permette di mantenere il codice pulito e ordinato, ma ci sono casi in cui
abbiamo bisogno di creare un oggetto senza avere una classe. In questi casi la dinamicità
del JavaScript torna utile, in quanto possiamo creare una classe semplicemente con la se-
guente riga di codice.