JavaScriptでobjectのプロパティが変更された時に実行する（object.observeがしたい）

Question

変更されたプロパティを知りたい

object.observeを使用したいのですが、現在削除されてしまったので別の方法で同じ様なことが出来ますか？

var obj = {
  foo: 0,
  bar: 1
};

Object.observe(obj, function(changes) {
  console.log(changes);
});

obj.baz = 2;
// [{name: 'baz', object: , type: 'add'}]

Answer 1

Proxy（MDN）を使ってみてはどうでしょうか。

var baseObj = {
  foo: 0,
  bar: 1
};

var obj = new Proxy(baseObj, {
  set(obj, prop, value) {
   console.log(obj, prop, value);
   return Reflect.set(...arguments);
  }
});

Comments

[smicle]

ありがとうございました。
同じ様なことが出来ました、Proxyについて詳しく調べてみたいと思います。

Answer 2

ネイティブで実現するならProxyですが、
MobXというライブラリを利用する手もありますね。
私の感想としては、Proxyより書きやすく感じました。