Creare una classe in Javascript

Home + Javascript + Articoli Javascript + Creare una classe in Javascript

Quando si parla di "classe" si parla di programmazione a oggetti (abbreviata con la sigla OOP, acronimo Object Oriented Programming), ovvero di una tecnica avanzata di programmazione (tipica di linguaggi come C, Java o altri) mediante la quale il codice viene incapsulato all'interno di classi riutilizzabili.

Le classi sono utilizzare per istanziare degli oggetti, le caratteristiche di tali oggetti prendono il nome di proprietà, mentre le funzioni utilizzate per compiere operazioni sugli oggetti sono dette metodi.

Creando una classe realizziamo, in sostanza, un modello astratto col quale istanziare degli oggetti.

La creazione di una classe in Javascript si realizza, in pratica, mediante l'assegnazione ad una variabile di una funzione.

Vediamo la sintassi con cui viene definita una classe in Javascript:

var NomeClasse = function(Eventuali Parametri)
{
    // istruzioni...
}

Facciamo un esempio pratico. Ipotiziamo di creare una classe (modello astratto) per la gestione di un particolare tipo di oggettI: delle motociclette!
Vediamo un semplicissimo codice dalla finalità puramente didattica:

<script type="text/javascript">
var motocicletta = new function(param_marca, param_modello)
{
    this.marca = param_marca;
    this.modello = param_modello;
    this.risultato = function()
    {
        return "Marca: " + this.marca + "\nModello: " + this.modello;
    }
}
</script>

Il nome della classe è "motocicletta" ed il comando this serve per associare le proprietà ed i metodi all'oggetto che andremo a creare mediante la classe.

In questo esempio abbiamo due proprietà (marca e modello) ed un metodo (risultato), opportunamente parametrizzati.
Nel nostro esempio le proprietà sono entrambe accessibili sia in lettura che in scrittura, ma nulla vieta di creare proprietà accedibili unicamente in lettura.

Vediamo di seguito come scrivere e leggere le proprietà e come utilizzare un metodo.

1) Accede alle proprietà in scrittura:

<script type="text/javascript">
motocicletta.marca = "Ducati";
motocicletta.modello = "Monster";
</script>

2) Accedere in lettura:

<script type="text/javascript">
document.write(motocicletta.marca);
</script>

3) Utilizzo di un metodo:

<script type="text/javascript">
document.write(motocicletta.risultato());
</script>

Uno dei vantaggi della programmazione ad oggetti è la riusabilità del codice: scrivendo una classe, potremmo conservarla come funzionalità standard per altri lavori, cosa più difficilmente fattibile con le tradizionali funzioni.