使用ES6代理来观察对象

Question

我可以使用ES6代理来观察对象，获取和设置属性等吗？ 例如：

var obj = {a: 1; b: 2};
obj.a = 3; // I need to catch this setting, like a Object.watch() in Firefox

Answer 1

是的，这是他们的目标之一。您正在寻找的陷阱称为set：

let obj = {a: 1, b: 2};
let p = new Proxy(obj, {
  set(target, name, value) {
    console.log("set " + name + " to " + value);
    target[name] = value;
  }
});
p.a = 3;

Answer 2

为什么不使用对象的getter / setter？

let ourObj = {
    get a(){
        return this._a;
    }
    set a(val){
        console.log(val);
        this._a = val
    }
}