Question

在Javascript中，如果我尝试这样做：

var obj = {};
obj.z.c.f.d = 'foo';

`TypeError: Cannot read property 'c' of undefined`

    at repl:1:7
    at ContextifyScript.Script.runInThisContext (vm.js:50:33)
    at REPLServer.defaultEval (repl.js:240:29)
    at bound (domain.js:301:14)
    at REPLServer.runBound [as eval] (domain.js:314:12)
    at REPLServer.onLine (repl.js:442:10)
    at emitOne (events.js:121:20)
    at REPLServer.emit (events.js:211:7)
    at REPLServer.Interface._onLine (readline.js:282:10)
    at REPLServer.Interface._line (readline.js:631:8)

我不希望抛出此错误。

只需创建z.c.f并在其中添加d值。

我们有遗留代码。

现在我想将这个obj包装在一个代理中，并能够捕获它的方法。

如果属性未定义，则在那里创建一个对象，如果是非对象值;覆盖它。

我实现了这个方法，我可以在Proxy的陷阱中简单地使用这个方法，也许：

// setByString is not in Object.prototype. Only in my testObject
testObject.setByString('f.o.o', 1999); 
// this adds an f object and an o object inside, then an o value with 1999 to testObject. Merges deeply.

这里我的testObject只有数字，未定义，字符串，对象。

重点是我无法使用代理服务器。

他们似乎没有我需要的东西。

无论如何都有办法实现，如果Proxies无法实现的话？

Answer 1

使用代理，您可以完全按照您的要求进行操作：

var handler = {
    get: function(target, name){
        if(!(name in target))
            target[name] = new Proxy({}, handler);;
        return target[name];
    }
};

var p = new Proxy({}, handler);

现在，尝试一下：

p.a.b.c = 45;//no TypeError here !!!

这是你所期望的吗？

Answer 2

试试这个

＆＃13;

var testObject = {};
setByString(testObject, 'f.o.o', 1999); 
console.log(testObject);

function setByString(obj, props, val) {
  var current = obj;
  props.split('.').forEach((prop, index, self) => {
    current[prop] = index !== self.length - 1 ? current[prop] || {} : val;
    current = current[prop];
  });
}

＆＃13;

我可以在Proxy和trap中包装一个对象并使用get trap来防止＆＃34; TypeError：无法读取属性＆＃39; b＆＃39;未定义＆＃34;？

2 个答案: