Variabili e tipi di dati in JavaScript: var, let e const

In questo capitolo esploriamo le basi della gestione delle variabili e dei tipi di dati in JavaScript. Vediamo come dichiarare e usare una variabile, quali tipi di dati hai a disposizione e come manipolarli. Sono concetti indispensabili per scrivere codice JavaScript efficace e manutenibile.

Dichiarare una variabile in JavaScript

In JavaScript una variabile è un contenitore che può conservare un valore. Per dichiararne una usi questa sintassi:

let maVariable;

Così dichiari una variabile chiamata «maVariable» che non ha ancora un valore. Puoi anche dichiarare una variabile e assegnarle subito un valore iniziale con l’operatore di assegnazione (=):

let maVariable = 5;

In JavaScript esistono tre parole chiave per dichiarare le variabili: var, let e const. La parola chiave var è la più vecchia ed è in circolazione fin dagli inizi di JavaScript. let è arrivata con lo standard ECMAScript 6 (ES6) ed è diventata il modo consigliato di dichiarare una variabile. const, anch’essa introdotta in ES6, serve per le variabili che non possono essere riassegnate una volta fissato il valore iniziale.

Scegli la parola chiave di dichiarazione appropriata in base all’uso previsto della variabile. Se prevedete di riassegnare un valore alla variabile (per esempio incrementarla o decrementarla), usate la parola chiave let. Se volete che la variabile abbia un valore costante non modificabile, usate la parola chiave const. La parola chiave var, invece, ignora l’ambito di blocco: una variabile var dichiarata in un if o in un ciclo resta visibile in tutta la funzione che la contiene, o in tutto lo script se è dichiarata fuori da una funzione. È una fonte di errori difficili da individuare: riservatela al codice vecchio.

Tipi di dati in JavaScript

In JavaScript puoi mettere nelle tue variabili diversi tipi di dati:

• Numeri: JavaScript usa un unico tipo di dato per i numeri, che sia un intero o un numero in virgola mobile. Puoi dichiarare una variabile che contiene un numero con questa sintassi:

let maVariable = 5;

• Stringhe: una stringa è una sequenza di caratteri racchiusa tra virgolette. Puoi usare apici singoli o virgolette doppie, ma conviene attenersi agli apici singoli per non fare confusione con gli apostrofi. Puoi dichiarare una variabile che contiene una stringa con questa sintassi:

let maChaine = 'Ma variable est une chaine de caractères';

let maChaine = 'Chaque matin, j\'écoute la radio';
// oppure, più leggibile: virgolette doppie
let maChaine2 = "Chaque matin, j'écoute la radio";

• Booleani: un booleano è un tipo di dato che può valere solo vero o falso. Puoi dichiarare una variabile booleana con questa sintassi:

let estVrai = true;

• Null e undefined: la parola chiave null rappresenta un valore vuoto voluto, mentre undefined rappresenta un valore non definito. Servono spesso a segnalare che una variabile non è ancora stata inizializzata o che non ha un valore valido. Puoi dichiarare una variabile con valore null o undefined con questa sintassi:

let maVariable = null;
let monAutreVariable = undefined;

Variabili globali e locali

In JavaScript una variabile dichiarata fuori da ogni funzione si chiama variabile globale ed è raggiungibile da qualunque punto del codice. Una variabile dichiarata dentro una funzione si chiama variabile locale ed esiste solo dentro quella funzione.

// Variabile globale
var globalVariable = "Je suis une variable globale";

function myFunction() {
  // Variabile locale
  var localVariable = "Je suis une variable locale";

console.log(globalVariable); // Stampa "Je suis une variable globale"
  console.log(localVariable); // Stampa "Je suis une variable locale"
}

console.log(globalVariable); // Stampa "Je suis une variable globale"
console.log(localVariable); // Stampa un errore perché la variabile non è accessibile fuori dalla funzione

Conclusione

In questo capitolo abbiamo visto come dichiarare e usare le variabili in JavaScript, quali tipi di dati sono disponibili e come manipolarli. Abbiamo anche esaminato le differenze tra le parole chiave var, let e const e i concetti di variabile globale e variabile locale. Con queste basi sei pronto a usare le variabili in modo efficace nei tuoi progetti JavaScript.