Variabili

La maggior parte delle volte, le applicazioni JavaScript necessitano di lavorare con informazioni. Vediamo due esempi:

Un negozio online – le informazioni possono riguardare i beni venduti e il carrello.
Un applicazione di messaggistica – le informazioni possono riguardare utenti, messaggi e molto altro.

Le variabili vengono utilizzate per memorizzare informazioni.

Variabile

Una variabile è uno “spazio di memoria con nome” utilizzato per salvare dati. Possiamo usare le variabili per memorizzare informazioni extra, visitatori e altri dati.

Per creare una variabile in JavaScript, dobbiamo utilizzare la parola chiave let.

L’istruzione sotto crea (in altre parole: dichiara) una variabile identificata dal nome “messaggio”:

let message;

Adesso possiamo inserirci dei dati utilizzando l’operatore di assegnazione =:

          let message;

message = 'Hello'; // memorizzazione della stringa

La stringa è adesso salvata nell’area di memoria associata alla variabile. Possiamo accedervi utilizzando il nome della variabile:

let message;
message = 'Hello!';

alert(message); // mostra il contenuto della variabile

Per essere precisi, potremmo unire la dichiarazione e l’assegnazione in una singola riga:

let message = 'Hello!'; // definisce la variabile e gli assegna il valore

alert(message); // Hello!

Possiamo anche dichiarare più variabili in una riga:

let user = 'John', age = 25, message = 'Hello';

Questo potrebbe risultare più breve, ma è sconsigliato. Per mantenere una migliore leggibilità è meglio dichiarare solamente una variabile per riga.

L’alternativa a più righe è un po più lunga, ma più facile da leggere:

          let user = 'John';
let age = 25;
let message = 'Hello';
        

Alcune persone scrivono variabili multiple in questo modo:

          let user = 'John',
  age = 25,
  message = 'Hello';
        

…O anche con la virgola su nuova riga:

          let user = 'John'
  , age = 25
  , message = 'Hello';
        

Tecnicamente, tutte queste varianti fanno la stessa cosa. Quindi è una questione di gusto personale ed estetico.

Nei vecchi script potresti trovare: var piuttosto che let:

var message = 'Hello';

La parola chiave var è quasi la stessa cosa di let. Dichiara comunque una variabile, ma in un maniera leggermente diversa, “vecchio stile”.

Ci sono delle sottili differenze tra let e var, ma per ora non hanno importanza. Le copriremo in dettaglio più avanti, nel capitolo Il vecchio "var".

Un’analogia con il mondo reale

Possiamo comprendere meglio il concetto di “variabile” se la immaginiamo come una scatola per dati, con appiccicata un’etichetta univoca.

Per esempio, la variabile message può essere immaginata come una scatola con etichetta "message" con il valore "Hello!" al suo interno:

Possiamo inserire qualsiasi valore all’interno della scatola.

Possiamo anche cambiarlo. Il valore può cambiare tutte le volte che ne abbiamo bisogno:

let message;

message = 'Hello!';

message = 'World!'; // il valore è cambiato

alert(message);

Quando il valore viene cambiato, il dato vecchio viene rimosso dalla variabile:

Possiamo anche dichiarare due variabili e copiare i dati da un all’altra.