JavaScript  »  Guide  »  Guida Javascript: tecniche avanzate 

Questo approccio per realizzare oggetti in JavaScript ha riscontrato notevole successo: molti sviluppatori hanno adottato questo pattern e ne hanno anche modificato alcuni aspetti per renderlo migliore. Nonostante non siano modifiche sostanziali alla tecnica, è utile esaminare alcune estensioni per completezza e curiosità.

Per semplificare applichiamo tutte le estensioni all'esempio visto nelle lezioni precedenti (il NameModule).

Module Pattern in the Pub

La prima evoluzione del Module Pattern definisce all'interno della classe un oggetto di nome pub come un membro privato; membro che poi viene ritornato come pubblico al posto di una funzione anonima come visto in precedenza.

Questo pattern permette di risolvere eventuali problemi di namespace che possono sussistere utilizzando una funzione anonima. Ecco un breve esempio:

var PubNameModule = function() {
  var name = "Alberto";
  
  var getName = function() { return name; };
  
  var pub = { 
    alertName: function() { alert(getName()); };
  }
  
  return pub;
}();

var nm = NameModule;
nm.alertName();

Module Pattern Curry

Spesso utilizzando il Module Pattern si espone un unico metodo pubblico di inizializzazione (spesso chiamato init()) di un certo componente grafico (per esempio l'inizializzazione di un form). Con questo pattern si evita l'invocazione di questo metodo evitando di ritornare un oggetto complesso ma l'unica e semplice funzione richiamabile poi dall'esterno:

var NameModule = function() {
  var name = "Alberto";
  
  var getName = function() { return name; };
  
  return function() { alert(getName()); };
}();

NameModule();  

Revealing Module Pattern

Con questa estensione tutti i membri pubblici vengono trattati allo stesso modo dei membri privati. Sarà in fase di return che essi verranno "rivelati" e quindi ritornati. Ecco l'esempio:

var NameModule = function() {
  
  var name = "Alberto";
  
  var getName = function() { return this.name; };
  
  var alertName = function() { alert(getName()); };
  
  return {
    alertName: alertName // sveliamo alertName
  }
}();

var nm = NameModule;
nm.alertName();

Altri articoli

Altre guide

Altre newsletter