Déclarer des variables globales en JavaScript

1. Déclarer une variable globale en JavaScript
2. Déclarer des variables globales dans une fonction JavaScript

Ce didacticiel explique comment déclarer des variables globales dans JavaScript.

Les variables contiennent les données et les informations, qui peuvent être modifiées à tout moment. En JavaScript, les variables peuvent être déclarées à l’aide de mots-clés tels que const, let et var. La portée de la variable est généralement définie par le lieu de leur déclaration. Une variable déclarée à l’intérieur d’une fonction a une portée locale et est donc appelée une variable locale. Les variables globales sont définies en dehors des fonctions et ont accès à toutes les fonctions et pas seulement à une.

On peut aussi déclarer des variables globales à l’intérieur d’une fonction en utilisant le mot-clé window. La durée de vie d’une variable globale se termine lorsque nous fermons la fenêtre du navigateur, contrairement aux variables locales qui sont supprimées lorsque la fonction se termine. Les variables globales sont souvent gênantes pour causer des problèmes de débogage et sont donc généralement évitées. Ils peuvent être modifiés par n’importe quelle fonction, ce qui rend la vie misérable.

Déclarer une variable globale en JavaScript

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

Nous pouvons déclarer une variable globale en déclarant une variable en dehors de toutes les fonctions.

Déclarer des variables globales dans une fonction JavaScript

Utilisez globalThis pour déclarer des variables globales en JavaScript

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

La propriété globale globalThis contient la valeur globale this, qui s’apparente à l’objet global et peut être utilisée pour déclarer des variables globales à l’intérieur d’une fonction.

Utilisez window pour déclarer des variables globales en JavaScript

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

Dans les navigateurs, toutes les variables globales déclarées avec var sont des propriétés de l’objet window. On peut déclarer des variables globales à l’intérieur d’une fonction en attachant des propriétés à un objet window.