Définissez une variable globale dans une fonction JavaScript

En JavaScript, il peut être nécessaire d'utiliser une valeur particulière à plusieurs reprises. Par exemple, intégrer ou relier toutes les valeurs à une valeur particulière pour renvoyer le résultat souhaité. Dans de tels scénarios, la variable globale joue un rôle vital dans la réduction de la complexité globale du code et le tri des fonctionnalités de code à la fin du développeur.

Cet article discutera de l'utilisation de la variable globale dans la fonction JavaScript.

Qu'est-ce qu'une variable globale en javascript?

Le "variables globales«Avoir une portée mondiale et peut être invoqué de n'importe où dans le programme en JavaScript.

Passons aux exemples suivants pour comprendre ce concept clairement.

Exemple 1: Utilisation de la variable globale dans JavaScript

Dans cet exemple, la variable globale sera initialisée en dehors de la portée de la fonction et sera accessible dans la fonction définie par l'utilisateur:

Dans les lignes de code ci-dessus:

• Tout d'abord, créez deux variables globales et attribuez respectivement les valeurs de chaîne et entière indiqués, respectivement.
• Dans l'étape suivante, définissez une fonction nommée «myFunction ()".
• Dans sa définition, affichez le global initialisé «chaîne" valeur.
• Après cela, utilisez le monde «entier”Valeur pour renvoyer la somme des valeurs.
• Enfin, appelez la fonction définie et affichez la somme résultante sur la console.

Sortir

Dans la sortie ci-dessus, comme observé, l'utilisation des variables globales a été effectuée de manière appropriée.

Exemple 2: Utilisation de la variable globale dans une fonction JavaScript

Dans cet exemple, la variable globale sera définie dans une fonction et accessible dans une fonction distincte, conservant ainsi sa portée globale à l'aide du «fenêtre" objet:

Dans l'extrait de code ci-dessus:

• Tout d'abord, incluez une rubrique ayant le déclaré «identifiant«Pour accumuler la valeur résultante.
• Dans le code JavaScript, définissez une fonction nommée «myFunction1 ()".
• Dans sa définition, initialisez une variable globale ayant la valeur entière déclarée à l'aide du «fenêtre" objet.
• Maintenant, déclarez une autre fonction, "myFunction2 ()".
• Dans la définition de la fonction, accédez à la rubrique incluse par son «identifiant"Via le"getElementByid ()" méthode.
• Après cela, associez le «innerhtml”Propriété avec l'élément récupéré et accéder à la variable globale initialisée à partir de l'ancienne fonction de telle sorte que la valeur globale est affichée comme«titre".
• Enfin, invoquez les deux fonctions.
• En conséquence, la valeur globale correspondante sera affichée sur le DOM.

Sortir

Dans la sortie ci-dessus, il est évident que la valeur définie à l'échelle mondiale a été accessible et affichée sous la forme d'un titre.

Conclusion

"Variable globale"Est défini en dehors de la portée de la fonction accessible dans l'ensemble du programme. Cette variable peut être définie dans une fonction JavaScript via le «fenêtre" objet. Cet article définit cette variable dans la fonction JavaScript à l'échelle mondiale et accessible dans une fonction distincte, conservant ainsi sa portée globale.