Object Proxy-ing

proxy.js

var myObject = {
  testing: 'Hello',
};

var myProxiedObject = new Proxy(myObject, {
  get: function(target, prop) {
    console.log({ type: 'get', target, prop });
    return Reflect.get(target, prop);
  },
  set: function(target, prop, value) {
    console.log({ type: 'set', target, prop, value });
    return Reflect.set(target, prop, value);
  }
});

myProxiedObject.testing = 'World';

// Results in logging of target and value changed. Type "set"

console.log(myProxiedObject.testing);

// Results in logging of target and prop. Type "get"

// Could be combined with an event system and/or DOM manipulation to update UI when object is changed.
// see https://github.com/GoogleChrome/proxy-polyfill for IE 9+ support.

Made this so I remember that it exists lol