使用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 
    } 
}