Javascript 代理构建所有嵌套调用

Question

假设我有

const obj = {
    level1: {
        level2: {
            level3: {
                name: 'final-entry'
            }
        }
    }
}

const handler = {
    get: function(target, property) {
        console.log(property);
        if (typeof target[property] === 'object' && target[property] !== null) {
            return new Proxy(target[property], handler)
        } else {
            return target[property];
        }
    }
}
const proxy = new Proxy(obj, handler);

console.log(proxy.level1.level2.level3.name);

运行这个给了我

level1
level2
level3
name
final-entry

此代理将成为一项分析服务。所以我希望能够构建它的完整用法，即知道 proxy.level1.level2.level3.name 是按特定顺序调用的。

基本上，如果我在跟踪器中执行 proxy.level1.level2 和 proxy.level1.level2.level3，我可以获得 level1 的结果。 level2 和 level1.level2.level3 用法已完成。

Answer 1

您可以递归地将所有返回的对象包装到代理中:

 const proxify = obj =>  new Proxy(obj, {
   get(target, property, receiver) {
    console.log(property)
    const value = Reflect.get(target, property, receiver);
    if(typeof value === "object" && value !== null)
      return proxify(value);
    return value;
  }
});

const proxy = proxify(obj);