| Blog2j | ||||
|
Cerca con Google
Ricerca personalizzata
|
Sviluppo in javascript con eclipse Ganymede
14/06/2008 11:03
Categorie:
eclipse
javascript
Manca poco all'uscita di Eclipse Ganymede, programmata per il 25 giugno. Come le precedenti release Callisto e Europa anche Ganymede comprenderà sia la nuova versione di Eclipse che le nuove versioni dei principali plugin. Le novità introdotte non stravolgono lo sviluppo in java ma Ganymede rappresenta un notevole passo avanti nel supporto javascript, vediamo perchè. Uno dei plugin di Eclipse è Web Tool Platform (WTP) che contiene gli editor per i vari formati usati in una web application, per esempio xml, html e jsp. Ganymede contiene la versione 3.0 di WTP che introduce JavaScript Development Tools (JSDT), un framework per la gestione di codice javascript dentro Eclipse. Ecco uno screenshot della nuova perspective javascript: Si nota subito che molte view tipicamente java mostrano informazioni relative a codice javascript:
Tutto questo è possibile grazie al parsing del codice javascript introdotto con JSDT che riesce a riconoscere le varie classi e gli oggetti contenuti in un file. Con JSDT è stato introdotto anche l'autocompletamento (attivabile con Ctrl+Spazio) e vari comandi di refactoring simili a quelli disponibili in java. Purtroppo visto che javascript è un linguaggio non tipizzato sia l'autocompletamento che il refactoring potrebbero non essere precisi al 100% ma rappresentano comunque un grande aiuto.
Altra aggiunta importante è rappresentata dai template che permettono di scrivere codice in modo veloce. Un esempio è il template per il ciclo for, scrivendo for e premendo Ctrl+Spazio Eclipse aggiunge il codice per scorrere un array usando un ciclo for lasciando la possibilità allo sviluppatore di specificare il nome della variabile locale da usare e il nome dell'array da scorrere. JSDT aggiunge anche il supporto alla formattazione del codice javascript, nelle preferenze di Eclipse è possibile scegliere il formatter che verrà applicato al codice quando si esegue il comando format. Con tutti questi miglioramenti sviluppare codice javascript con Eclipse è diventato molto più semplice, ma purtroppo ci sono ancora dei problemi. Prendiamo per esempio la definizione di una classe, in javascript non c'è la keyword class come in molti altri linguaggi. Solitamente una classe viene creata con un costruttore e aggiungendo metodi all'oggetto this all'interno del costruttore o all'oggetto prototype:
Questo codice è riconosciuto correttamente da Eclipse che mostra nell'outline la definizione della classe. Se invece si usano costrutti un po' meno "puliti" non sempre il codice viene parsato correttamente. Per esempio se si aggiunge un metodo all'interno di un oggetto viene dato un errore al momento dell'invocazione di un metodo della classe originaria. Ovviamente questi costrutti possono essere quasi sempre evitati nel proprio codice javascript ma non quando si usa una libreria esterna. Per esempio il parsing del codice di extJs riconosce tantissimi errori che fanno si che l'autocompletamento sugli oggetti di extJs non funzioni. In conclusione Ganymede rappresenta un notevole passo avanti nel supporto di Eclipse per javascript ma spero si tratti di un punto di partenza e che sia ulteriormente migliorato con le prossime release.
Articoli correlati:
Gestione di una web app con eclipse e maven Comandi e shortcut di Eclipse Gestione di una web app con eclipse e maven [old] Introduzione a groovy Validazione client con jquery Extjs vs jquery Griglia Extjs con paginazione, ordinamento e parametri di ricerca Chiamate ajax verso bean di Spring con Dwr Gallerie di immagini con lightbox Gestione dei javascript e dei css in una web app con jawr Tutorial javascript Validazione client con extJs |
News
|
||