Proxy可以监听到对象中的对象的引用。

当使用Proxy包装一个对象时，可以为该对象的任何属性创建一个拦截器，包括属性值为对象的情况。

下面展示了如何使用Proxy来监听对象中对象引用的变化：

复制
1const obj = {
2  nestedObj: { foo: 'bar' }
3}
4
5const handler = {
6  get(target, prop, receiver) {
7    const value = Reflect.get(target, prop, receiver)
8    if (typeof value === 'object' && value !== null) {
9      return new Proxy(value, handler)
10    }
11    console.log('get', prop, target[prop])
12    return value
13  },
14  set(target, property, value) {
15    target[property] = value
16    console.log(`Setting property '${property}' to '${value}'`)
17    return true
18  }
19}
20
21const proxyObj = new Proxy(obj, handler)
22proxyObj.nestedObj.foo = 'baz'  // 输出: Setting property 'foo' to 'baz'

我们通过Proxy创建了一个代理对象proxyObj，它包装了原始的obj。然后，我们对proxyObj中的nestedObj.foo进行赋值操作，这会触发set拦截器，并打印相应的信息。

通过使用适当的拦截器函数，可以实现对对象中对象引用的监听和修改。这使得我们可以在需要时执行自定义的操作，例如记录更改、验证或触发其他事件等。