使用代理检测全局对象的变化

Question

    const scopeHandler = {
        set: function(obj, prop, value) {
            console.log(`${prop} changed from ${obj[prop]} to ${value}`);
            obj[prop] = value;
            return true;
        }
    };
    const scopeProxy = new Proxy(window.app, scopeHandler);

因此，每当app 或其任何子app.reports 更改时，我都会尝试检测任何更改，但它不会记录任何内容。我做错了什么？

Answer 1

只有当 代理本身 是稍后“更改”的值（通过属性分配或任何你有的陷阱）时，代理才会看起来做任何事情。

如果您有一个现有对象，为它创建一个代理包装器，然后应用程序的其他部分使用现有对象，您将不会看到代理发生任何事情；对象的其他部分必须有代理而不是原始对象。

在这里，您也许可以将window.app 重新分配给代理，以便对window.app 的其他引用现在改为引用代理。

window.app = new Proxy(window.app, scopeHandler);