代理 - handler.ownKeys() - 嵌套对象

Question

如何处理嵌套对象中 ownKeys 的所有陷阱？

我只知道如何处理一层深的对象：

function wrap(obj, fn) {
  var handler = {
    ownKeys(target) {
      fn(target)
      return target
    }
  }
  return new Proxy(obj, handler)
}

var origObj = {
  a: {
    b: {
     c: 0
    }
  }
}

var wrappedObj = wrap(origObj, console.log)

Object.keys(wrappedObj) // => actual = expected: { a: { b: { c: 0 } } }
Object.keys(wrappedObj.a) // => actual: not working, expected: { b: { c: 0 } }
Object.keys(wrappedObj.a.b) // => actual: not working, expected: { c: 0 }

编辑 1：

如果我尝试包装每个内部对象（来自这个answer），那么它会记录所有步骤，而不仅仅是最后一个。 “所有步骤”是指代理的内部进程，它遍历整个嵌套对象，因此它会多次触发 fn(target)，但我只想触发一次。

编辑 2：

所以看起来问题出在proxy 看起来损坏的节点环境（节点版本 8.1.4）上。在 chrome 控制台中一切正常。

Answer 1

您必须为每个对象创建一个代理：

var wrappedObj = wrap({
  a: wrap({
    b: wrap({
     c: 0
    }, console.log)
  }, console.log)
}, console.log)

如果您不想明确地这样做，您当然也可以使用递归遍历对象以编程方式进行包装，或者您确实通过get 陷阱在每个属性访问时动态创建代理。