In JavaScript le variabili possono essere dichiarate in tre differenti modi che, anche se molto simili, presentano differenze importanti riguardo al contesto di utilizzo. Vediamo queste modalità nel dettaglio.
var
Definendo una variabile con var, stiamo riservando un'area di memoria a cui tutto lo script potrà accedere.
for (var i = 0; i <= 3; i++) { console.log(i); } console.log(i); // 1 2 3 4
Anche se definita nel contesto del ciclo for, la variabile può essere richiamata nell'ultima riga e restituire il valore 4.
Un'altra caratteristica delle variabili è l'hoisting, cioè il sollevamento della dichiarazione delle variabili: prima dell'esecuzione, il codice viene scannerizzato e in memoria viene riservato lo spazio riservato alle variabili.
Per quanto riguarda le varibili dichiarate con var, queste vengono inizializzate con valore undefined, il che fa si che il seguente codice non dia errore.
console.log(helloWorld); // undefined helloWorld = "Ciao mondo"; var helloWorld; console.log(helloWorld); // Ciao mondo var helloWorld;
let
Con let definiamo delle variabili nel contesto o scope corrente.
for (let i = 0; i <= 3; i++) { console.log(i); } console.log(i); // Reference error
Se adattiamo l'esempio precedente, vediamo che al di fuori del for la variabile i non esiste, possiamo creare contesti anche utilizzando le semplici parentesi "{", permettendoci di utilizzare variabili con lo stesso nome ma mantenendo valori differenti.
{ let name="Morgan"; console.log(name)} // Morgan let name="Fabio" console.log(name) // Fabio }
A differenza di var non viene effettuato alcun hoisting, quindi ogni accesso alla variabile prima della sua dichiarazione restituirà un'errore, così come la ri-dichiarazione della variabile.
helloWorld = "Ciao mondo"; // ReferenceError let helloWorld; let helloWorld; // Identifier 'helloWorld' has already been declared
const
A differenza di come può sembrare dal nome, una variabile dichiarata come const è uguale a una varibile let, ma segue la seguente regola: non si può modificare una variabile dopo la prima dichiarazione, ma la si può aggiornare. In questo caso un esempio è quello che serve per capirne l'utilizzo.
const name = "Morgan"; name = "Fabio"; // TypeError const arr=[1,2]; console.log(arr) // [1,2] arr[0]=0; console.log(arr) // [0,2]
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Terraform, Vue.js e Aws CloudFront
Utilizzare l'attributo HTML inert per disabilitare gli eventi
Usare domini personalizzati con Azure Container App
Utilizzare la cancellazione logica in Azure Container Registry
Un confronto tra Framework CSS: Foundation, Bulma, TailwindCSS e SemanticUI
Continuous Deployment tramite GitOps
Nullish coalescing e decostruzione in JavaScript
Creare automaticamente una issue di GitHub
Chiamare un endpoint ASP.NET Core protetto da Certificate Authentication
Filtrare le chiamate HTTP ad un App Service in base al servizio Azure
Q# for Quantum Programming, an "only for the brave" session
Centrare elementi in HTML tramite CSS
I più letti di oggi
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Migliorare la scalabilità di ASP.NET Core 7 grazie all'output cache
- .NET Conference Italia 2022 - Milano e Online
- Ottenere il riferimento alla finestra che ha aperto un'altra finestra con HTML5 e JavaScript