Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » MooTools

Pagine:

RSS

MooTools: usare Events e Options

di: Riccardo Degni 05 Novembre 2007

Come ho già detto nei precedenti articoli, Introduzione a MooTools e Le basi di MooTools, MooTools è un framework completamente orientato agli oggetti che permette di creare meccanismi di ereditarietà complessi sfruttando i potenti metodi nativi del costruttore Class. In questo articolo vedremo come creare un meccanismo di ereditarietà utilizzando due dei tre oggetti extra disponibili per Class: l'oggetto Options e l'oggetto Events.

OOP: superclassi e sottoclassi

Un'applicazione orientata agli oggetti definisce due grandi tipologie di costruttori: le superclassi e le sottoclassi.

Le prime sono gli oggetti "genitori" delle seconde, sono generalmente il più astratte possibile e contengono metodi "core" che potranno essere utilizzati dalle relative sottoclassi. Le sottoclassi ereditano tutti i metodi della classe "genitore" e in più possono ridefinirli con nuove funzionalità.

Vediamo brevemente un esempio di superclasse e sottoclasse in MooTools:

var SuperClass = new Class({
initialize: function() {
// inizializzazione
}
});

var SubClass = SuperClass.extend({
// metodi di SubClass
});

Grazie al metodo EXTEND tutti i metodi della classe SuperClass vengono ereditati dalla classe SubClass (per una trattazione completa dell'oggetto Class e dei suoi metodi rimando all'articolo Le basi di MooTools).

Con MooTools è possibile fare molto di più rispetto ad un classico meccanismo di ereditarietà. Ad esempio, è possibile estendere le caratteristiche degli oggetti Class con funzionalità extra tramite gli oggetti Options, Events e Chain (Class.Extras.js).

Questi possono essere implementati in qualsiasi oggetto di tipo Class con l'ausilio del metodo IMPLEMENT:

myClass.implement(new Chain, new Events, new Options);

Gli stessi sviluppatori di MooTools implementano questi oggetti extra in diversi altri oggetti importanti del framework, come Fx, XHR e Ajax.

Pagina successiva

Pagine: