JavaScript  »  Articoli  »  Ext.js 

L'oggetto Ext e le estensioni a JavaScript

di: Alberto Bottarini     07 Giugno 2010

In questo breve articolo (ultimo facente della prima sezione introduttiva e teorica su ExtJs) introdurremo un insieme di funzionalità che Ext porta con sé che estendono il linguaggio JavaScript permettendo sia agli sviluppatori di Ext sia a noi di ovviare ad alcune mancanze del linguaggio base.

Queste utilità si differenziano in due grandi gruppi: funzionalità strettamente collegate ad una determinata classe JavaScript (come ad esempio le funzioni per la formattazione di una data o per l'alterazione del comportamento di una funzione) e funzionalità più generiche come ad esempio la possibilità di estendere classi e componenti di ExtJs o di identificare il browser utilizzato dall'utente.

La prima serie di funzioni rappresenta una vera e propria estensione al linguaggio base in quanto queste ultime vengono, grazie alla dinamicità di JavaScript, incorporate all'interno delle classi native come ad esempio Date, Function, Array mentre il secondo gruppo appartiene più strettamente al framework tant'è che le sue funzionalità possono essere utilizzate accedendo staticamente all'oggetto Ext.

L'oggetto Ext

L'oggetto Ext espone una serie di funzioni e proprietà che possono facilitare lo sviluppo di componenti personalizzati. Le proprie funzionalità possono essere raggruppate in gruppi:

  • browser sniffing: proprietà di tipo is* che permettono di identificare il tipo di browser e di sistema operativo utilizzato dal client (Ext.isWindows, Ext.isLinux, Ext.isOpera, Ext.isStrict, etc...);
  • iterative: metodi che permettono di velocizzare la scrittura operazioni ripetitive (Ext.apply, Ext.applyIf(), Ext.clean(), Ext.copyTo(), Ext.each(), Ext.invoke(), Ext.iterate(), etc...);
  • introspezione: metodi che permettono di identificare il tipo di dato passato come parametro (Ext.isArray(), Ext.isDefined(), Ext.isEmpty(), Ext.isObject(), Ext.isPrimitive(), etc...);
  • shorthand: metodi che hanno una funzionalità di "scorciatoia" per accedere a metodi o proprietà di comune utilizzo ed esposti dall'oggetto Ext per un utilizzo più rapido (Ext.encode(), Ext.getCmp(), Ext.preg(), Ext.reg(), etc...);
  • object-orientation: metodi che permettono di utilizzare la metodologia di sviluppo Object Oriented non implementata ottimamente nelle specifiche del linguaggio base (Ext.override(), Ext.extend(), Ext.ns(), etc...).

Il miglior modo per approfondire queste funzioni e il loro utilizzo rimane la documentazione ufficiale del framework.

Le estensioni a JavaScript

Oltre a definire l'oggetto Ext, il framework implementa alcune funzionalità di base (spesso quasi vitali e stranamente non presenti) iniettandole direttamente nella classe di riferimento. Grazie ad ExtJs avremo per esempio a disposizione metodi (spesso ritenuti ovvi in altri linguaggi di programmazione) come String.trim(), Array.indexOf() e Array.remove().

Guide JavaScript

Canvas, guida pratica

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Guida Javascript: tecniche avanzate

Una guida dal taglio pratico per approfondire la programmazione a...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso JQuery e Ajax per Webmaster

19 Marzo 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti