jsの再帰Proxy

recursiveProxy.js

function tracePropAccess(obj, setMethod, path) {
    path = path || [];
    return new Proxy(obj, {
        get: function(target, propKey, receiver) {
            var temp = Reflect.get(target, propKey, receiver);
            if (temp && typeof temp === 'object') {
                return tracePropAccess(temp, setMethod, path.concat(propKey));
            } else {
                return temp;
            }
        },
        set: setMethod
    });
}

var persons = {
  'a': {
    firstName: 'alfred',
    lastName: 'john',
    inner: {
      momonga: 8250
    }
  },
  'b': {
    firstName: 'unko',
    lastName: 'chinko',
    inner: {
      salary: 18250,
      proffesion: []
    }
  }
}

var proxyA = tracePropAccess(persons.a, function(target, key, value) {
  target[key] = value;
  console.log('Aの内容が変更');
  return true;
});
var proxyB = tracePropAccess(persons.b, function(target, key, value) {
  target[key] = value;
  console.log('Bの内容が変更');
  return true;
});

proxyA.inner.momonga = 'foo';
proxyB.tName = 'meee';
proxyB.firstName = 'wan';
proxyB.inner.proffesion.push({ hoge: 'fuga' });
proxyB.inner.proffesion[0].hoge = 'piyo';
console.log(persons);