Heim > Web-Frontend > js-Tutorial > Globale Variablen in JavaScript: Welche Alternativen gibt es, um Konflikte und Umweltverschmutzung zu vermeiden?

Globale Variablen in JavaScript: Welche Alternativen gibt es, um Konflikte und Umweltverschmutzung zu vermeiden?

Patricia Arquette
Freigeben: 2024-11-30 16:06:12
Original
782 Leute haben es durchsucht

Global Variables in JavaScript: What Alternatives Exist to Avoid Conflicts and Pollution?

Globale Variablen: Warum sie problematisch sind und wie man eine Alternative findet

Globale Variablen wurden in JavaScript aufgrund ihres Potenzials vielfach kritisiert für Codekonflikte und Namensraumverschmutzung. Wenn Sie nach einer alternativen Lösung suchen, ziehen Sie die folgenden Optionen in Betracht:

Modulmuster

Dieses Muster kapselt Variablen und Funktionen in einer einzigen globalen Variablen und verringert so das Risiko von Namenskonflikten .

1

2

3

4

5

6

7

// Define a module

var FOO = (function() {

  // Private variables and functions here

  return {

    // Public functions and methods accessible outside the module

  };

})();

Nach dem Login kopieren

Um auf öffentliche Funktionen zuzugreifen, verwenden Sie FOO.. Auf die privaten Variablen und Funktionen kann außerhalb des Moduls nicht zugegriffen werden, wodurch eine Verschmutzung des Namensraums verhindert wird.

Argumente und Abschlüsse

Wenn Funktionen Daten teilen müssen, aber nicht auf globale Variablen angewiesen sind, Erwägen Sie die Übergabe von Argumenten oder die Verwendung von Abschlüssen. Abschlüsse ermöglichen Funktionen den Zugriff auf Variablen, die in äußeren Bereichen definiert sind, auch nachdem der äußere Bereich beendet wurde.

1

2

3

4

5

6

7

8

9

10

11

12

// Function assign value to a variable

function f(name) {

  var variable = name;

  return function() {

    // Inner function returns value of variable

    return variable;

  };

}

 

// Create a function that returns the value of variable

var ret = f("value");

alert(ret()); // Output: "value"

Nach dem Login kopieren

Singleton-Muster

Das Singleton-Muster stellt sicher, dass nur eine Instanz vorhanden ist einer Klasse wird erstellt. Dies kann in Situationen von Vorteil sein, in denen mehrere Funktionen Zugriff auf eine gemeinsam genutzte Variable erfordern:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

// Singleton class

var Singleton = (function() {

  var instance;

  function getInstance() {

    if (!instance) {

      instance = new Object();

    }

    return instance;

  }

  return {

    getInstance: getInstance

  };

})();

 

// Get instance of class

var globalVars = Singleton.getInstance();

// Set variable in instance

globalVars.variable = "value";

// Access variable later

alert(globalVars.variable); // Output: "value"

Nach dem Login kopieren

Denken Sie daran, dass diese Alternativen ihre eigenen Vor- und Nachteile haben. Die Auswahl der geeigneten Option hängt von den spezifischen Anforderungen Ihrer Anwendung ab.

Das obige ist der detaillierte Inhalt vonGlobale Variablen in JavaScript: Welche Alternativen gibt es, um Konflikte und Umweltverschmutzung zu vermeiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage