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