30秒学会 JavaScript 片段 · 2022年8月6日

30秒学会 JavaScript 片段 – You can’t extend JavaScript’s Proxy object

While the Proxy object seems like it can be extended by any other class in JavaScript, that’s not the case. This is due to proxy objects having very atypical semantics and being considered exotic objects. Simply put, this means they do not have a prototype and are not extensible.

So how do you extend a proxy object? You don’t. You can, however, create a class that returns a proxy by returning it from the constructor. After all, this is probably the sort of behavior you’re after.

代码实现

class MyProxy {
  constructor(value) {
    Object.keys(value).forEach(key => (this[key] = value[key]));
    return new Proxy(this, {
      set(object, key, value) {
        console.log(`Called with ${key} = ${value}`);
        object[key] = value;
        return true;
      }
    });
  }
}

const myProxy = new MyProxy({ a: 1 });
myProxy.b = 2; // LOGS: 'Called with b = 2'

翻译自:https://www.30secondsofcode.org/js/s/cannot-extend-proxy-object