Scope Variabili in Javascript

Scope Globale

In JavaScript, le variabili dichiarate al di fuori di qualsiasi blocco di codice sono definite nello scope globale. Questo significa che possono essere accessibili ovunque nel tuo codice.

Esempio di Scope Globale:

let globale = "Variabile globale";

function mostraGlobale() {
  console.log(globale);
}

mostraGlobale(); // Output: Variabile globale

Scope Locale

Le variabili definite all’interno di una funzione sono definite nello scope locale. Sono accessibili solo all’interno di quella funzione.

Esempio di Scope Locale:

function esempioLocale() {
  let locale = "Variabile locale";
  console.log(locale);
}

esempioLocale(); // Output: Variabile locale
console.log(locale); // Errore: locale non è definita

Scope di Blocco (ES6)

Con l’introduzione di ES6, puoi definire variabili all’interno di blocchi di codice come istruzioni for o if. Queste variabili sono limitate all’scope di quel blocco.

Esempio di Scope di Blocco:

if (true) {
  let blocco = "Variabile di blocco";
  console.log(blocco);
}

console.log(blocco); // Errore: blocco non è definita

Scope di Chiusura

Le funzioni nidificate in JavaScript catturano lo scope delle variabili in cui sono state create. Questo concetto è noto come “chiusura” (closure). Le funzioni nidificate possono accedere alle variabili delle funzioni esterne, anche dopo che sono state eseguite.

Esempio di Scope di Chiusura:

function creaContatore() {
  let contatore = 0;

  return function () {
    contatore++;
    console.log(contatore);
  };
}

const incrementaContatore = creaContatore();
incrementaContatore(); // Output: 1
incrementaContatore(); // Output: 2

Conclusione

Comprendere lo scope delle variabili in JavaScript è un concetto fondamentale per scrivere codice efficace e privo di errori. Scegliere lo scope corretto per le variabili può influire sulla loro visibilità e gestione nel tuo programma. Assicurati di comprendere le diverse situazioni in cui è possibile dichiarare e utilizzare le variabili per evitare errori e migliorare la struttura del tuo codice.