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

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

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...

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 Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti