Rileva quando una nuova proprietà viene aggiunta a un oggetto Javascript?

Question

Un semplice esempio che utilizza un oggetto javascript incorporato: navigator.my_new_property = "qualche valore"; // possiamo rilevare che questa nuova proprietà è stata aggiunta?

Non voglio eseguire il polling costante dell'oggetto per verificare la presenza di nuove proprietà. C'è qualche tipo di setter di livello superiore per gli oggetti invece di dichiarare esplicitamente la proprietà da monitorare?

Ancora una volta, non voglio rilevare se il valore della proprietà è cambiato, ma piuttosto quando viene aggiunta una nuova proprietà.

Idee? grazie

Answer 1

No. I metodi esistenti di determinare quando una proprietà viene scritto a:

• un ECMAScript 5 setter definito tramite defineProperty(obj, name, fn);
• un setter JavaScript legacy definito utilizzando __defineSetter__(name, fn);
• una versione precedente di Netscape/Mozilla watch(name, fn);

sono tutti basati sul nome, quindi non è possibile rilevare una nuova proprietà scritta con un nome precedentemente sconosciuto. In ogni caso, navigator potrebbe essere un 'oggetto host', quindi non puoi fare affidamento su nessuna delle normali interfacce JavaScript Object disponibile su di essa.

Il polling, o metodi di setter espliciti che forniscono il callback, è tutto ciò che si può fare.

Situazione simile: Getter/setter on javascript array?

Answer 2

ES6 introduce il concetto di proxy: es6 proxies on MDN.

Ecco un semplice esempio:

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"