javascript中Proxy能够监听到嵌套对象的引用变化吗？

默认情况下，Proxy只代理直接包裹的对象，其内部的嵌套对象仍是原始对象，‌不会被自动代理‌，Proxy所以只能监听到「目标对象自身属性的引用变化」，无法直接监听到嵌套对象内部的属性 / 引用变化。

解决方案‌：手动对嵌套对象递归创建 Proxy，就能监听其内部的引用和属性变化。

通过在 get 拦截器中，判断属性值是否为对象（且非 null），若是，则‌递归创建 Proxy‌ 包装该嵌套对象。

一旦实现递归代理，即可监听到“对象中的对象”的属性访问（get）和修改（set）。

function deepProxy(target) {
  return new Proxy(target, {
    get(target, key) {
      const val = Reflect.get(target, key);
      // 若读取的是对象（非 null），则递归创建 Proxy
      return val && typeof val === "object" ? deepProxy(val) : val;
    },
    set(target, key, value) {
      console.log(`修改了 ${key}（值：${JSON.stringify(value)}）`);
      return Reflect.set(target, key, value);
    }
  });
}

const obj = { a: { b: 1 } };
const deepProxyObj = deepProxy(obj);

// 1. 修改嵌套对象内部属性
deepProxyObj.a.b = 3; 
// 先触发 get 读取 a → 递归代理 a → 触发 set 修改 b → 输出：修改了 b值：3
// 2. 替换嵌套对象引用
deepProxyObj.a = { b: 4 }; 
// 输出：修改了 a值：{"b":4}