Object.observe for JavaScript Debugging

objectObserveDebugging.js

// By observing changes to an object with Object.observe,
// and turning on Async Call Stacks in Chrome Dev Tools,
// you can find the source of those changes.

var myObject = {
  foo: 'bar'
};

Object.observe(myObject, function(changes) {
  // This asynchronous callback runs when myObject is changed
  changes.forEach(function(change) {
    // Log out the change data for good insight
    console.log(change);

    // The debugger statement fires a Dev Tools breakpoint, creating a call trace
    // MAKE SURE 'Async' is checked in Chrome Dev Tool's Call Stack drawer!
    debugger;
  });
});

function strangeChanges() {
  myObject.foo = 'something unexpected';
}
strangeChanges();