Heim >Web-Frontend >js-Tutorial >Warum Sie die Verwendung globaler Variablen in der Webentwicklung vermeiden müssen

Warum Sie die Verwendung globaler Variablen in der Webentwicklung vermeiden müssen

php中世界最好的语言
php中世界最好的语言Original
2018-06-04 10:13:062585Durchsuche

Dieses Mal werde ich Ihnen erklären, warum Sie die Verwendung globaler Variablen in der Webentwicklung vermeiden müssen und welche Vorsichtsmaßnahmen es gibt, um die Verwendung globaler Variablen in der Webentwicklung zu vermeiden. Das Folgende ist ein praktischer Fall. Schauen wir uns das an.

Die Hauptprobleme, die durch globale Variablen verursacht werden, sind: Mit zunehmender Codemenge machen zu viele globale Variablen die Wartung des Codes schwierig und anfällig für Fehler. Es gibt kein großes Problem mit einer oder zwei globalen Variablen. Es ist fast unmöglich, null globale Variablen zu erreichen (es sei denn, Ihr JS-Code ist mit keinem anderen JS-Code verbunden und führt nur einige eigene Dinge aus. Diese Situation kommt sehr selten vor bedeutet nicht, dass es keine globale Variable gibt.

Wenn Sie ES6-Code schreiben, werden Sie feststellen, dass es schwierig ist, eine globale Variable zu erstellen, es sei denn, Sie schreiben explizit window.globalVar = 'something', der ES6-Modulmechanismus legt den Bereich automatisch für Sie fest Macht den von Ihnen geschriebenen Code wartbarer und sicherer (alte JS-Benutzer müssen beklagen, dass moderne Front-End-Entwickler so glücklich sind).

Wenn es sich um Code vor ES6 handelt, müssen Sie vorsichtig sein. Beispielsweise werden Variablen, die Sie deklarieren, ohne var in einer Funktion zu verwenden, direkt in globale Variablen gemountet (dies sollte Grundkenntnisse von JS erfordern), sodass die Modularisierung im Allgemeinen über IIFE implementiert wird und nur eine globale Variable der Außenwelt ausgesetzt ist (von Natürlich können Sie auch Modulverwaltungstools von Drittanbietern wie RequireJS oder YUI Module Loader verwenden, um eine Modularisierung zu erreichen.

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Verwenden Sie JS, um Verschlüsselungs- und Entschlüsselungsvorgänge zu implementieren

Zusammenfassung des JS-Array-Betriebs und der Analysemethoden

Das obige ist der detaillierte Inhalt vonWarum Sie die Verwendung globaler Variablen in der Webentwicklung vermeiden müssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn