Le variabili sono dei nomi simbolici che servono ad inviduare delle locazioni di memoria in cui possono essere posti dei valori. Metaforicamente bisogna considerare queste locazioni come delle scatole con un nome in cui si possono inserire questi valori.
In Javascript le variabili vengono create con la dichiarazione var, attribuendole anche nessun valore, ma anche semplicemente all'atto di assegnazione di un valore (ad esempio x=15 crea automaticamente una variabile numerica). La dichiarazione var su più variabili va ripetuta per ognuna oppure va fatta con un'interruzione di linea:
var miocarattere,
miavariabile;
Per le variabili che si dichiarano e si inizializzano senza darle un particolare valore si attribuisce il valore null. Questo valore può apparire poco importante, ma diventa essenziale se si vuole verificare il caricamento in memoria di una variabile. Ad esempio se si dichiara una variabile
var Verifica = null;
se si utilizza il comando
if(Verifica != null) alert("Non sono stata utilizzata");
si può verificare se questa variabile ha avuto un utilizzo o se vuota. Un utilizzo molto utile può essere quello applicato alle finestre popup per verificare se sono rimaste aperte.
Un altro valore che viene assegnato alle variabili quando queste sono state dichiarate ma senza assegnamento è undefined. Questo valore è stato introdotto con Javascript 1.3 è accettato nelle norme ECMA.
In tal modo la dichiarazione:
var Verifica;
assegna alla variabile nessun valore per cui una verifica su di essa restituisce il valore undefined e tale valore si può verificare. Per esempio
if(Verifica == undefined)).
Chi ha già programmato con altri linguaggi noterà con piacere l'estrema flessibilità di Javascript nel trattare le variabili, ma la dichiarazione non è necessaria perchè, per la vita breve di queste variabili, e inutile risparmiare memoria. Se si ha familiarità con la programmazione o se si vuole mantenere ordine tra le variabili, allora conviene dichiararle anche in Javascript, possibilmente all'inizio del blocco di codice.
Dove dichiarare le variabili? Dipende dall'utilizzo e dalla distinzione che c'è tra variabili globali e variabili locali. La distinzione non è poca cosa, anzi è alla base della programmazione orientata agli oggetti:
- le variabili globali hanno valore per tutto il documento HTML e vanno dichiarate all'inizio dello script e fuori da ogni funzione: il posto preferibile è nei tag <SCRIPT> della sezione <HEAD> in modo tale da creare i contenitori dei valori prima di ogni loro utilizzo;
- le variabili locali hanno valore solo all'interno della funzione in cui sono dichiarate, cioè all'interno del blocco di codice compreso tra function(){ e la chiusura della parentesi } e vanno dichiarate entro questi blocchi.
Da ciò si ricava che le variabili dichiarate all'interno di parentesi graffe possono essere utilizzate solo in quel blocco perchè sono variabili locali.
I due differenti tipi sono generati da esigenze diverse in quanto le variabili locali hanno una vita brevissima ed esistono finché opera la funzione, alla chiusura della parentesi vengono distrutte liberando memoria, mentre le variabili globali sono dei contenitori che durano per tutta la durata della pagina e servono a veicolare dei valori tra le funzioni e tra gli script, ma anche tra le varie pagine o al server. A questo punto vi chiederete perché utilizzare variabili locali, in quanto quelle globali sono più comode, ma la necessità del loro utilizzo sta nella modularità: le variabili locali rendono uno script riutilizzabile anche in altre pagine HTML, soprattutto se salvato in un file esterno con estensione js.
Ultimi articoli JavaScript
PhantomJS, headless browser per test con JavascriptIl tool ideale per realizzare, da terminale, operazioni in remoto su... |
Creare e leggere QR Code in JavaScriptApplicazioni 'QR Code enabled' per il Web e per il mobile,... |
Jquery UI Map: web-mapping con Google Maps e jQueryUn plugin di jQuery UI per intefacciare applicaizoni Web/mobile con... |
Scrollorama e Scrolldeck, slideshow d'effetto con jQueryPlugin jQuery per ottenere Slideshow con diversi effetti di scrolling |
jCanvas, un primo semplice graficoAlla scoperta della libreria jCanvas, per semplificare il disegno e... |
Guide JavaScript
Guida Node.jsIl framework che permette di per usare V8, l'interprete JavaScript... |
Canvas, guida ai frameworkCanvas, tra gli elementi di HTML5 è forse quello di maggior impatto.... |
Guida Javascript: tecniche avanzateUna guida dal taglio pratico per approfondire la programmazione a... |
Newsletter @JavaScript
Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso JQuery e Ajax per Webmaster03 Luglio 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |