- Learn
- Guida Javascript OOP e tecniche avanzate
- Variazioni del pattern
Variazioni del pattern
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();
Se vuoi aggiornamenti su Variazioni del pattern inserisci la tua email nel box qui sotto:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
La tua iscrizione è andata a buon fine. Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi opzionali:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
I Video di HTML.it
Applicare texture ad immagini con Photoshop
In questo video è mostrato come aggiungere effetti ad un’immagine in modo che sembri parte di un tessuto, un muro […]