Wie kann ich Variablenänderungen in JavaScript erkennen?

Auf Variablenänderungen in JavaScript achten

In JavaScript ist es oft wünschenswert, benachrichtigt zu werden, wenn sich der Wert einer Variablen ändert. Dies kann mit dem 2018 eingeführten Proxy-Objekt erreicht werden. Das Proxy-Objekt ermöglicht die Erstellung eines Proxys, der Eigenschaftsänderungen abfängt und entsprechend reagiert.

Um das Proxy-Objekt zu verwenden, erstellen Sie zunächst ein Zielobjekt beobachtet:

var targetObj = {};

Als nächstes erstellen Sie einen Proxy mithilfe des Proxy-Objekts und geben einen Rückruf an, der ausgeführt werden soll, wenn eine Eigenschaft vorhanden ist set:

var targetProxy = new Proxy(targetObj, {
  set: function (target, key, value) {
      console.log(`${key} set to ${value}`);
      target[key] = value;
      return true;
  }
});

Wenn eine Eigenschaft des Zielobjekts über den Proxy gesetzt wird, wird die Callback-Funktion ausgeführt. Zum Beispiel:

targetProxy.hello_world = "test"; // console: 'hello_world set to test'

Das Proxy-Objekt hat den Nachteil, dass es in älteren Browsern nicht verfügbar ist und sich bei bestimmten Objekten möglicherweise nicht wie erwartet verhält. Zum Beobachten von Änderungen in verschachtelten Objekten können spezielle Bibliotheken wie Observable Slim verwendet werden.

Observable Slim

Observable Slim ist eine Bibliothek, die zum Beobachten von Änderungen in verschachtelten Objekten entwickelt wurde. Um es zu verwenden, erstellen Sie zunächst das zu beobachtende Objekt:

var test = {testing:{}};

Dann verwenden Sie Observable Slim, um einen Proxy mit der Erstellungsfunktion zu erstellen und einen Rückruf anzugeben, der ausgeführt werden soll, wenn Änderungen auftreten:

var p = ObservableSlim.create(test, true, function(changes) {
    console.log(JSON.stringify(changes));
});

Wenn sich eine Eigenschaft des beobachteten Objekts ändert, wird die Callback-Funktion ausgeführt. Zum Beispiel:

p.testing.blah = 42; // console:  [{"type":"add","target":{"blah":42},"property":"blah","newValue":42,"currentPath":"testing.blah",jsonPointer:"/testing/blah","proxy":{"blah":42}}]

Das obige ist der detaillierte Inhalt vonWie kann ich Variablenänderungen in JavaScript erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!