Was sind die besten Alternativen zu globalen Variablen in JavaScript?

Alternativen zu globalen Variablen in JavaScript

Globale Variablen werden in JavaScript oft nicht empfohlen, da sie einen einzigen Namespace mit dem gesamten anderen Code auf der Seite teilen . Dies kann zu potenziellen Konflikten führen und die Codeverwaltung erschweren.

Erwägen Sie die Verwendung der folgenden Alternativen:

1. Singletons

Singletons sind Objekte, die nur einmal in der Anwendung existieren. Sie können zum Speichern von Daten oder zum Zugriff auf Methoden verwendet werden, auf die ansonsten nicht zugegriffen werden kann. Zum Beispiel:

const singleton = (function() {
  const myVar = 10;

  return {
    get: function() {
      return myVar;
    },
    set: function(value) {
      myVar = value;
    }
  };
})();

2. Module

Module sind eine Möglichkeit, Code und Daten innerhalb eines bestimmten Bereichs zu kapseln. Auf sie kann über eine globale Variable zugegriffen werden, die auf das Exportobjekt des Moduls verweist. Zum Beispiel:

const myModule = (function() {
  const myVar = 10;

  return {
    get: function() {
      return myVar;
    },
    set: function(value) {
      myVar = value;
    }
  };
})();

Um auf das Modul zuzugreifen, verwenden Sie die globale Variable myModule:

console.log(myModule.get()); // 10

3. Abhängigkeitsinjektion

Abhängigkeitsinjektion ist eine Technik, bei der Objekten ihre Abhängigkeiten als Argumente übergeben werden. Dies ermöglicht eine bessere Flexibilität und bessere Tests, da die Abhängigkeiten einfach ausgetauscht werden können. Zum Beispiel:

function MyComponent(myService) {
  this.myService = myService;
}

MyComponent.prototype.doSomething = function() {
  this.myService.doStuff();
};

In diesem Beispiel wird MyComponent eine Abhängigkeit vom myService-Objekt übergeben. Dadurch kann die Komponente die Methoden des Dienstes verwenden, ohne explizit eine Instanz davon erstellen zu müssen.

4. Abschlüsse

Abschlüsse sind Funktionen oder Codeblöcke, die den Zugriff auf Variablen und Funktionen aus ihrem umschließenden Bereich behalten, auch nachdem sie diesen verlassen haben. Dies kann eine leistungsstarke Technik zum Verwalten des Status und zum Übergeben von Daten zwischen Funktionen sein. Zum Beispiel:

function counter() {
  let count = 0;

  return function() {
    return count++;
  };
}

const myCounter = counter();
console.log(myCounter()); // 0
console.log(myCounter()); // 1

In diesem Beispiel gibt die Zählerfunktion einen Abschluss zurück, der den Zugriff auf die Zählvariable aufrechterhält. Daher kann die Variable myCounter mehrmals aufgerufen werden, um die Anzahl zu erhöhen und abzurufen.

Fazit

Globale Variablen können zwar praktisch sein, haben aber auch mehrere Nachteile. Durch den Einsatz alternativer Techniken wie Singletons, Module, Abhängigkeitsinjektion und Schließungen können Sie die Kapselung, Modularität und Testbarkeit Ihrer JavaScript-Anwendungen verbessern.

Das obige ist der detaillierte Inhalt vonWas sind die besten Alternativen zu globalen Variablen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!