Pourquoi vous devez éviter d'utiliser des variables globales dans le développement Web

Cette fois, je vais vous expliquer pourquoi vous devez éviter d'utiliser des variables globales dans le développement Web, et quelles sont les précautions à prendre pour éviter d'utiliser des variables globales dans le développement Web. Ce qui suit est un cas pratique, jetons un coup d'œil.

Les principaux problèmes causés par les variables globales sont les suivants : à mesure que la quantité de code augmente, trop de variables globales rendront le code difficile à maintenir et sujet aux bugs. Il n'y a pas de gros problème avec une ou deux variables globales. Il est presque impossible d'atteindre zéro variable globale (à moins que votre code JS ne soit connecté à un autre code JS et fasse simplement certaines choses de son côté. Cette situation est très rare, ce qui est très rare. ne veut pas dire qu'il n'y a pas de variable globale).

Si vous écrivez du code ES6, vous constaterez qu'il est difficile de créer une variable globale. À moins que vous n'écriviez explicitement window.globalVar = 'something', le mécanisme du module ES6 définit automatiquement la portée du fractionnement pour vous. rend le code que vous écrivez plus maintenable et plus sécurisé (les anciens JSers doivent déplorer que les développeurs front-end modernes soient si heureux).

S'il s'agit d'un code pré-ES6, il faut être prudent. Par exemple, les variables que vous déclarez sans utiliser var dans une fonction seront directement montées dans des variables globales (cela devrait être une connaissance de base de JS), donc la modularisation est généralement implémentée via IIFE, et une seule variable globale est exposée au monde extérieur (de Bien sûr, vous pouvez également utiliser des outils de gestion de modules tiers tels que RequireJS ou le chargeur de modules YUI pour réaliser la modularisation).

window.global = (function () {  var exportVar = {}; // ES5没有let和const，故用var
  // add method and variable to exportVar
  return exportVar;
})();

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Utiliser JS pour implémenter des opérations de chiffrement et de déchiffrement

Résumé du fonctionnement du tableau JS et de la méthode d'analyse

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!