时间戳

首页 > 解决方案 > Javascript 代理句柄返回语句

javascript - Javascript 代理句柄返回语句

问题描述

我正在使用代理来处理对象的创建，而不必声明对象的所有“父键”。

var target = {};
var config = Proxy_ObjectCreator(target, handlers);
config.foo.bar = "Didn't need to create foo !";
return target;

而不是这个

var config = {
    foo : {
        bar : "needed to create foo ..."
    }
};
return config;

那部分很好而且功能齐全，但我遇到的问题是，我经常忘记我需要返回目标对象而不是代理，这经常在我的代码中产生非常奇怪的行为。

据我所知，代理对象无法处理返回语句。所以我正试图找到一种方法来做到这一点。像这样的东西：

var config = Proxy_ObjectCreator({}, {
    get: (obj, prop, receiver) => {
        //Do stuff ...
    },
    set: (obj, prop, receiver) => {
        //Do stuff ...
    },
    return: () => {
        return this.target;
    }
});
config.foo.bar = "Didn't need to create a target obj and don't need to return it !";
return config;

有没有办法做到这一点？

谢谢。

编辑

我正在使用它来覆盖从较大产品到客户规格的配置。所以我正在使用数百行配置。使用代理可以让我构建配置文件以供将来更清晰地阅读。它还允许我将原始配置文件中的所有配置组合在一起，以评论更改它们的原因，而无需上下滚动对象。

//Normal Object Case
function getClientConfigs() = {
    return {
        config1: {
            foo: {
                bar: {
                    foofoo: {
                        barbar: "value to override"
                    }
                }
            }
        },
        // hundreds of other configs
        config2:{
           foo: "other value to override"
        }
    };
}

//With proxy
function getClientConfigs() = {
     var config = {};
     var proxy = Proxy_ObjectCreator(config, handlers);
     // Changing because client wanted that for x reason
     proxy.config1.foo.bar.foofoo.barbar = "value to override";
     proxy.config2.foo = "other value to override";
     return config;
}

$.extend(originalConfig, getClientConfigs());

标签： javascriptes6-proxy

解决方案

不，没有办法让代理在从函数返回时识别它。（顺便说一句，它也是从你的Proxy_ObjectCreator函数返回的，所以你需要明确地忽略它......）。不，那会变得太复杂了。

但是您可以使用不同的设计模式 - 不要创建Proxy_ObjectCreator工厂函数，而是给它一个回调，以便代理不能（轻松）从上下文中逃脱：

function getClientConfigs() = {
     return withProxiedCreation({}, proxy => {
         proxy.config1.foo.bar.foofoo.barbar = "value to override";
         proxy.config2.foo = "other value to override";
     });
}


function withProxiedCreation(target, callback) {
    var proxy = new Proxy(target, handlers);
    callback(proxy);
    return target;
}

推荐阅读