Scritto da davidonzo il 09/05/2008, in OpenSource, Web, Tutorial

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 ;)

Hai trovato l'articolo interessante?
Sottoscrivi il Feed RSS per essere informato automaticamente degli ultimi aggiornamenti!
 
.Commenti rss

Nessuno ha ancora commentato...



I commenti possono essere moderati.
Se non lo vedi comparire subito non reinserirlo più volte.
Grazie per la gentile collaborazione.