Variabili e Costanti in JavaScript

In questa parte del tutorial impareremo ad utilizzare le variabili e le costanti in JavaScript. Inoltre vedremo come inizializzarle ed utilizzarle con l'aiuto dei tanti esempi.

Variabili in JavaScript

Nella programmazione, una variabile è un contenitore di memoria utilizzato per contenere dei dati. Per esempio:

let numero = 3;

In questo esempio numero è una variabile che ha in memoria il valore 3.

Dichiarare una variabile in JavaScript

Per dichiarare una variabile in JavaScript si utilizzano le parole chiave var o let. Per esempio:

var x;
let y;

In questo esempio x e y sono due variabili.

Differenza tra var e let

Come abbiamo visto, sia var che let possono essere utilizzate per dichiarare delle variabili. Tuttavia, ci sono alcune differenze tra le due paorle:

var	let
`var` è utilizzata nelle vecchie versioni di JavaScript.	`let` è il nuovo modo di dichiarare le variabili a partire dalla versione ES6 del 2015.
Lo scopo di `var` si limita al corpo della funzione all'interno di cui sono contenute.	Lo scopo di `let` si limita al blocco di codice all'interno di cui sono contenute, delimitato da `{ }`.
Le variabili dichiarate con `var` sono inizializzate con `undefined`.	Le variabili dichiarate con `let` non sono inizializzate fino a quando non viene assegnato un valore.
È possibile ri-dichiarare le variabili precedentemente dichiarate con var utilizzando lo stesso nome.	Ri-dichiarare una variabile dichiarata con let risulterà in un errore di sintassi.
Esempio: `var x;`	Esempio: `let y;`

Oggi è consigliato utilizzare let al posto di var. Sfortunatamente ci sono alcuni browser che non supportano let, quindi è consigliabile di consultare la pagina riguardante il supporto di let da parte dei browser per approfondire.

Inizializzare le variabili in JavaScript

Per assegnare un valore ad una variabile si utilizza l'operatore di assegnazione =.

let x;
x = 3;

In questo esempio il valore 5 viene assegnato alla variabile x. È possibile inizializzare una variabile direttamente durante la sua dichiarazione:

let x = 3;

Su JavaScript è anche possibile dichiarare più variabili nella stessa riga di codice, separandole da una virgola:

let x = 3, y = 6, z = 9;

Se provi ad utilizzare una variabile senza inizializzarla, otterrai il valore undefined.

let x;            // dichiarazione variabile x
console.log(x);   // -> undefined

In questo esempio è stata dichiarata una variabile x che non contiene nessun valore, per questo se si prova a stamparla verrà visualizzato undefined. Questo è un tipo di dato di cui parleremo in un prossimo tutorial.

Cambiare il valore di una variabile

È possibile cambiare il valore delle variabili precedentemente dichiarate. Per esempio:

let x = 3;        // assegno 3 alla variabile x
console.log(x);   // -> 3

x = 8;            // modifico x e assegno 8
console.log(x);   // -> 8

Regole per il nome delle variabili in JavaScript

In JavaScript ci sono alcune regole da seguire quando si sceglie il nome per una variabile:

Il nome deve iniziare con un una lettera, un underscore o il valore del dollaro.

let ciao = 'Ciao mondo';
let _ciao = 'Ciao mondo';
let $ciao = 'Ciao mondo';

Il nome non può iniizare con i numeri.

let 1ciao = 'Ciao mondo';   // -> errore!

JavaScript è case-sensitive, quindi ciao e Ciao sono due variabili differenti.

let ciao = 'casa';
let Ciao = 'albero';

console.log(ciao);   // -> casa
console.log(Ciao);   // -> albero

Le parole chiave (keywords) del linguaggio non possono essere utilizzate come nomi.

let var = 3;  // -> errore! var è una parola chiave

Quando decidiamo il nome per le nostre variabili ci sono alcuni consigli pratici da seguire, per esempio è sempre meglio dare un nome descrittivo alla nostra variabile. Se per esempio in una variabile si vuole salvare il numero dei punti, è meglio chiamarla punti o numeroPunti e non x o y.

Solitamente in JavaScript le variabili si scrivono utilizzando la notazione a cammello, camelCase in inglese. Per esempio numeroPunti, ciaoMondo, ecc...

Costanti in JavaScript

La parola chiave const è stata introdotta nella ES6 di JavaScript rilasciata nel 2015 ed è utilizzata per creare le costanti. Per esempio:

const x = 3;

Quando abbiamo inizializzato una costante, non potremmo poi cambiare il suo valore.

const x = 3;
x = 8;   // -> Errore! Non è possibile modificare una costante.
console.log(x);

Inoltre, non è possibile dichiarare una costante senza inizializzarla. Per esempio:

const x;   // -> Errore! Costante non inizializzata.
x = 3;
console.log(x);

Una variabile è semplicemente una variabile il cui valore non può essere modificato. Possiamo utilizzare una costante quando siamo sicuri che il valore non cambierà durante il programma. Tuttavia, come abbiamo visto per let, ci sono alcuni browser che non supportano const. Per questo è consigliabile consultare la pagina con le informazioni sul supporto da parte dei vari browser.