javascript - 我可以在 Proxy 和 trap 中包装一个对象并使用 get trap 来防止 "TypeError: Cannot read property ' b' of undefined"吗？

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 预计只有数字、未定义、字符串、对象。

关键是我不能用代理来做。

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

无论如何，如果不能使用代理，有没有办法做到这一点？

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 !!!

这是你所期望的吗？