[JavaScript] Un costruttore facilita la vita

Capita spesso di usare JavaScript per eseguire funzioni routinarie e contemporanee nella stessa pagina. A volte tali operazioni sono rese difficili da fatto che le funzioni, scritte nel loro modo regolare, possono essere istanziate una sola volta.

Per evitare questo limite naturale – che non è del linguaggio di programmazione, ma della tipologia di scrittura adottata dal programmatore – si rende spesso necessario costruire un oggetto tramite il quale istanziare una sessione che potrà chiamare simultaneamente la stessa funzione senza intercorrere in conflitti con variabili esistenti.

Di fatto andremo a definire le funzioni che utilizzeremo per arrivare al nostro risultato all’interno di un oggetto, che poi verrà evocato con una propria istanza. Di un oggetto possiamo creare più istanze, ed ogni istanza può richiamare autonomamente ogni metodo dell’oggetto.

Facciamo un esempio pratico. Un semplice innerHTML.

function showText(‘text’, ‘id’){
  this.text = text;
  this.id   = id;
 
  this.g = function(){
    return document.getElementById(this.id);
  }
 
  this.show = function(){
    this.g.innerHTML = this.text;
  }
}

first = new showText(‘Hello World!’,’myId’);
first.show();

second = new showText(‘Hello Web!’,’myOtherId’);
second.show();

Sembra poco, ma può risultare molto potente 😉