js proxy

最新推荐文章于 2025-10-07 23:57:52 发布

原创最新推荐文章于 2025-10-07 23:57:52 发布 · 786 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这段代码展示了如何使用JavaScript的Proxy对象来拦截并控制对对象属性的访问和修改。通过get和set方法，当读取或设置window对象的属性时，会触发特定的日志输出，提供了一种动态代理和数据绑定的机制。

    window = new Proxy(window, {
        get: function (target, key, receiver) {
            // console.log(key, target[key]);
            console.log("window.get", key);        
            if (target[key] instanceof Object){
                return  new Proxy(target[key], {
                    get: function (_target, _key, _receiver) {
                        // console.log("window.get", key, _key, _target[_key]);
                        console.log("window.get", key, _key);                    
                        return _target[_key];
                    },
                    set: function (_target, _key, _value, _receiver) {
                        // console.log("window.set", key, _key, _value);
                        console.log("window.set", key, _key);                    
                        _target[_key] = _value;
                        return true
                    }
                })
            }
            return target[key];
        },
        set: function (target, key, value, receiver) {
            console.log("window.set", key, value);
            // console.log("window.set", key);        
            target[key] = value;
            return true
        }
    });