Comment puis-je détecter les modifications des variables JavaScript ?

Observation des changements de variables en JavaScript

Question originale :

Y a-t-il un événement en JavaScript qui se déclenche lorsque la valeur de une variable spécifique est modifiée ? Veuillez envisager des solutions impliquant jQuery.

Réponse :

Utilisation d'objets proxy :

Depuis 2018, l'objet Proxy fournit un mécanisme efficace pour surveiller et intercepter les modifications de propriétés des objets. Il fonctionne en créant un objet proxy qui enveloppe l'objet cible.

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

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

Limitations :

• Les objets proxy ne sont pas pris en charge dans les anciens navigateurs (par exemple, IE11).
• Ils peuvent présenter un comportement inattendu avec des objets spéciaux (par exemple, Date).

Observation des objets imbriqués :

Pour observer les changements dans les objets imbriqués, des bibliothèques spécialisées comme Observable Slim offrent une solution plus complète.

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!