Heim Web-Frontend js-Tutorial Wie kann ich Variablenänderungen in JavaScript erkennen?

Wie kann ich Variablenänderungen in JavaScript erkennen?

Dec 29, 2024 am 06:38 AM

How Can I Detect Variable Changes in JavaScript?

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 = {};
Nach dem Login kopieren

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;
  }
});
Nach dem Login kopieren

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'
Nach dem Login kopieren

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:{}};
Nach dem Login kopieren

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));
});
Nach dem Login kopieren

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}}]
Nach dem Login kopieren

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

JQuery überprüfen, ob das Datum gültig ist JQuery überprüfen, ob das Datum gültig ist Mar 01, 2025 am 08:51 AM

JQuery überprüfen, ob das Datum gültig ist

JQuery Get Element Polsterung/Rand JQuery Get Element Polsterung/Rand Mar 01, 2025 am 08:53 AM

JQuery Get Element Polsterung/Rand

Top 5 Datum Manipulation JS -Plugins Top 5 Datum Manipulation JS -Plugins Feb 28, 2025 am 12:34 AM

Top 5 Datum Manipulation JS -Plugins

10 lohnt 10 lohnt Mar 01, 2025 am 01:29 AM

10 lohnt

10 JQuery Accords Registerkarten 10 JQuery Accords Registerkarten Mar 01, 2025 am 01:34 AM

10 JQuery Accords Registerkarten

JQuery fügen Sie Scrollbar zu Div hinzu JQuery fügen Sie Scrollbar zu Div hinzu Mar 01, 2025 am 01:30 AM

JQuery fügen Sie Scrollbar zu Div hinzu

10 AJAX/JQuery AutoComplete Tutorials/Plugins 10 AJAX/JQuery AutoComplete Tutorials/Plugins Feb 28, 2025 am 01:03 AM

10 AJAX/JQuery AutoComplete Tutorials/Plugins

See all articles