HOWTO · JavaScript

Dichiarare variabili globali in JavaScript

Questo tutorial introduce come dichiarare le variabili globali in JavaScript.

In questa pagina

Questo tutorial introduce come dichiarare le variabili globali in JavaScript.

Le variabili contengono i dati e le informazioni, che possono essere modificati in qualsiasi momento. In JavaScript, le variabili possono essere dichiarate utilizzando parole chiave come const, let e var. L’ambito della variabile è solitamente definito dal luogo della loro dichiarazione. Una variabile dichiarata all’interno di una funzione ha ambito locale e quindi è chiamata variabile locale. Le variabili globali sono definite al di fuori delle funzioni e hanno accesso a tutte le funzioni e non solo a una.

Possiamo anche dichiarare variabili globali all’interno di una funzione usando la parola chiave window. La durata di una variabile globale termina quando chiudiamo la finestra del browser, a differenza delle variabili locali che vengono eliminate quando la funzione termina. Le variabili globali spesso sono fastidiose per causare problemi di debug e quindi sono generalmente evitate. Possono essere modificati da qualsiasi funzione, il che rende la vita miserabile.

Dichiarare la variabile globale in JavaScript

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

Possiamo dichiarare una variabile globale dichiarando una variabile al di fuori di tutte le funzioni.

Dichiarare le variabili globali all’interno di una funzione JavaScript

Usa globalThis per dichiarare variabili globali in JavaScript

<script>
function foo() {
    globalThis.yourGlobalVariable = ...;
}
</script>

La proprietà globale globalThis contiene il valore globale this, che è simile all’oggetto globale e può essere utilizzato per dichiarare variabili globali all’interno di una funzione.

Usa window per dichiarare le variabili globali in JavaScript

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

Nei browser, tutte le variabili globali dichiarate con var sono proprietà dell’oggetto window. Possiamo dichiarare variabili globali all’interno di una funzione allegando proprietà a un oggetto window.