如何通过属性访问器（Getters）在深拷贝过程中实现原始数据的“延迟加载”克隆-js教程-PHP中文网

属性访问器无法实现真正深拷贝或延迟加载，但可结合proxy与getter按需克隆嵌套子树，实现逻辑上的延迟克隆，适用于稀疏访问的深层对象。

如何通过属性访问器（getters）在深拷贝过程中实现原始数据的“延迟加载”克隆

属性访问器（Getters）本身不能直接实现深拷贝，更无法真正“延迟加载”克隆原始数据——因为克隆动作必须实际执行才能产生副本，而 getter 只是读取时的计算逻辑。但你可以利用 getter 的惰性求值特性，在深拷贝过程中**按需触发嵌套对象的克隆**，从而避免一次性递归遍历全部嵌套结构，达到“逻辑上的延迟克隆”效果。

核心思路：用 Proxy + getter 拦截访问，首次读取时才深拷贝对应子树

不预先克隆整个对象，而是返回一个代理对象。当用户首次访问某个属性（如 obj.nested.data）时，getter 才对 nested 这一层执行深拷贝，并缓存结果。后续访问直接返回已克隆的副本。

适用于嵌套层级深、但实际使用路径稀疏的场景（例如配置对象、AST 节点、大型表单数据）
需配合 WeakMap 缓存已克隆的引用，避免重复拷贝同一源对象
原始数据必须是可枚举、可序列化的普通对象/数组；函数、Symbol、Date、RegExp 等需单独处理

简易实现示例（仅支持 plain object/array）

以下是一个最小可行的封装：

jQuery网页图片延迟加载代码

jQuery网页图片延迟加载代码基于jquery-1.8.3.min.js制作，实现图片预加载效果，代码附详细中文注释，使用方便。

下载

function lazyDeepClone(target) {
  const cache = new WeakMap();
  
  function clone(val) {
    if (val === null || typeof val !== 'object') return val;
    if (Array.isArray(val)) return val.map(clone);
    if (cache.has(val)) return cache.get(val);

    const cloned = {};
    cache.set(val, cloned);

    // 不立即遍历所有 ownKeys，而是为每个 key 定义 getter
    Reflect.ownKeys(val).forEach(key => {
      Object.defineProperty(cloned, key, {
        get() {
          const originalVal = val[key];
          return typeof originalVal === 'object' && originalVal !== null
            ? lazyDeepClone(originalVal) // 递归返回另一个代理
            : clone(originalVal);       // 基础类型或非对象直接克隆
        },
        configurable: true,
        enumerable: true
      });
    });

    return cloned;
  }

  return new Proxy({}, {
    get(_, prop) {
      if (prop in target) {
        const val = target[prop];
        return typeof val === 'object' && val !== null
          ? lazyDeepClone(val)
          : clone(val);
      }
      return undefined;
    },
    has(_, prop) {
      return prop in target;
    },
    ownKeys() {
      return Reflect.ownKeys(target);
    },
    getOwnPropertyDescriptor() {
      return { enumerable: true, configurable: true };
    }
  });
}

⚠️ 注意：这个 proxy 返回的对象不是真实克隆体，它没有自有属性，所有访问都走 getter。若需转成纯对象（如 JSON 序列化），仍需调用一次完整深拷贝。