如何通过属性路径注入实现在深拷贝过程中对特定节点执行原始值修正-js教程-PHP中文网

属性路径注入是在自定义深拷贝中按预设路径动态修改值的策略，需递归追踪路径、匹配规则并调用修正函数，支持通配符与正则，适用于配置合并、API响应标准化等场景。

如何通过属性路径注入实现在深拷贝过程中对特定节点执行原始值修正

属性路径注入不是深拷贝的内置机制，而是一种在自定义深拷贝逻辑中主动干预特定字段值的策略。它需要在递归遍历对象结构时，根据预设的路径（如 "user.profile.avatar.url"）匹配当前访问位置，并对匹配到的节点值做替换、过滤或格式化等修正操作。

核心思路：在递归拷贝中动态识别路径并修改值

标准深拷贝函数（如手写递归版）通常逐层访问属性，此时可同步维护一个“当前路径”字符串或数组。每进入一层对象/数组，就拼接键名；到达叶子节点时，检查该路径是否命中预设规则。若命中，不直接拷贝原值，而是调用修正函数返回新值。

路径匹配支持通配符（如 "items.*.id"）或正则表达式，增强灵活性
修正函数接收原始值、路径、父对象等上下文，便于做条件判断（例如仅当值为字符串且含 http 时才补前缀）
需注意数组索引路径表示（"list[0].name" 或 "list.0.name"），建议统一转为点分路径便于比对

实现关键：路径追踪 + 条件拦截

在 deepClone 函数内部增加路径参数和规则映射表。示例片段：

function deepClone(obj, path = '', rules = {}, hash = new WeakMap()) {
  if (obj === null || typeof obj !== 'object') return obj;
  if (hash.has(obj)) return hash.get(obj);

  let cloneObj;
  const Constructor = obj.constructor;
  if (Array.isArray(obj)) {
    cloneObj = [];
  } else if (Constructor === Object) {
    cloneObj = {};
  } else {
    return obj; // 非普通对象/数组暂不处理
  }
  hash.set(obj, cloneObj);

  // 应用路径修正规则
  const rule = rules[path];
  if (rule && typeof rule === 'function') {
    return rule(obj); // 整个节点被替换
  }

  // 遍历属性，构造子路径
  for (const key in obj) {
    if (!obj.hasOwnProperty(key)) continue;
    const subPath = path ? `${path}.${key}` : key;
    const value = obj[key];

    // 若有子路径规则，优先应用；否则递归拷贝
    if (rules[subPath] && typeof rules[subPath] === 'function') {
      cloneObj[key] = rules[subPath](value, subPath, obj);
    } else {
      cloneObj[key] = deepClone(value, subPath, rules, hash);
    }
  }

  return cloneObj;
}

调用时传入规则对象：
deepClone(data, '', { "config.apiBase": v => v?.replace(/^\/+/, '') })