Détecter lorsqu'une nouvelle propriété est ajoutée à un objet Javascript?

Question

Un exemple simple utilisant un objet javascript intégré: navigator.my_new_property = "some value"; // pouvons-nous détecter que cette nouvelle propriété a été ajoutée?

Je ne souhaite pas interroger en permanence l'objet pour rechercher de nouvelles propriétés. Existe-t-il un type de paramètre de niveau supérieur pour les objets au lieu d'indiquer explicitement la propriété à surveiller?

Encore une fois, je ne veux pas détecter si la valeur de la propriété a changé, mais plutôt quand une nouvelle propriété est ajoutée.

Des idées? merci

Answer 1

Non. Les méthodes existantes pour déterminer quand une propriété est écrite pour:

• un setter ECMAScript 5 défini en utilisant defineProperty(obj, name, fn);
• un setter JavaScript hérité défini à l'aide de __defineSetter__(name, fn);
• un héritage Netscape/Mozilla watch(name, fn);

sont tous basés sur des noms, donc impossible d'intercepter une nouvelle propriété en cours d'écriture avec un nom auparavant inconnu. Dans tous les cas, navigator peut être un 'objet hôte', donc vous ne pouvez pas compter sur aucune des interfaces JavaScript normales Object qui y sont disponibles.

L'interrogation ou les méthodes de définition explicites qui fournissent un rappel sont à peu près tout ce que vous pouvez faire.

Situation similaire: Getter/setter on javascript array?

Answer 2

ES6 introduit le concept de proxies: es6 proxies on MDN.

Voici un exemple simple:

let objectToSpy = {}; 
let handler = { 
    set: (target, prop, value)=>{ 
     console.log('new prop:', prop); 
     target[prop] = value; 
    } 
}; 

let proxy = new Proxy(objectToSpy,handler); 
proxy.testProp = 'bla'; //prints: "new prop: testProp"