Dichiarare variabili globali in JavaScript

Harshit Jindal 10 aprile 2021
  1. Dichiarare la variabile globale in JavaScript
  2. Dichiarare le variabili globali all’interno di una funzione JavaScript
Dichiarare variabili globali in JavaScript

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.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Articolo correlato - JavaScript Variable