¿Detecta cuándo se agrega una nueva propiedad a un objeto Javascript?

Question

Un ejemplo simple usando un objeto javascript incorporado: navigator.my_new_property = "some value"; // ¿podemos detectar que esta nueva propiedad fue agregada?

No quiero sondear constantemente el objeto para comprobar si hay nuevas propiedades. ¿Hay algún tipo de establecedor de nivel superior para objetos en lugar de indicar explícitamente la propiedad para supervisar?

De nuevo, no quiero detectar si el valor de la propiedad cambió, sino más bien cuando se agrega una nueva propiedad.

Ideas? gracias

Answer 1

No. Los métodos existentes para determinar cuándo se escribe una propiedad en:

• un ajustador de ECMAScript 5 definido usando defineProperty(obj, name, fn);
• un setter de JavaScript heredado definido usando __defineSetter__(name, fn);
• un legado Netscape/Mozilla watch(name, fn);

están basados ​​en nombres, por lo que no se puede capturar una propiedad nueva que se escribe con un nombre previamente desconocido. En cualquier caso, navigator puede ser un 'objeto host', por lo que no puede confiar en cualquiera de las interfaces normales de JavaScript Object que están disponibles en él.

El sondeo, o los métodos explícitos del instalador que proporcionan devolución de llamada, es todo lo que puede hacer.

situación similar: Getter/setter on javascript array?

Answer 2

ES6 introduce el concepto de proxies: es6 proxies on MDN.

Aquí está un ejemplo sencillo:

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"