JavaScript代理應該攔截Object.Observe等底層對象的直接更改嗎？

Question

MDN for Object.Observe說觀察現在已經過時了，我們應該使用「更一般的代理對象」。

但是觀察允許攔截現有對象的變化。如果代理不允許，則代理API不比可觀察API更「通用」。

MDN for Proxy和this question給出了對代理對象進行攔截更改的示例，但從不談論對基礎對象的更改。

代理應該攔截當前或未來ECMA標準中潛在對象的變化嗎？

實施例：

let o = {}; 
let p = new Proxy(o, { set: (target, prop, val)=> console.log(target, prop, val) }); 
p.p1 = 'v1'; // this will log o, "p1", "v1" 
o.p2 = 'v2'; // is this supposed to log o, "p2", "v2" in ECMA standard ? 

Answer 1

o.p2 = 'v2'; // is this supposed to log o, "p2", "v2" in ECMA standard ?

否，使用該特定的圖案。

將對象的值設置爲Proxy，將值設置爲target對象。

儘管您還可以在原始對象上定義getter。

var obj = { 
 
    get getProp() { 
 
    return "obj getter: " + (this["x"] || void 0); 
 
    } 
 
}; 
 

 
var proxy = new Proxy(obj, { 
 
    set: function(obj, prop, newval) { 
 
    var oldval = obj[prop]; 
 
    console.log("set", oldval, obj, prop, newval); 
 
    obj[prop] = newval; 
 
    }, get: function(obj, prop) { 
 
     console.log("get", obj, prop); 
 
    } 
 
}); 
 

 
proxy.x = 1; 
 

 
console.log(obj.x); 
 

 
console.log(obj.getProp);