如何利用 Object.assign 实现具备“原型递归合并”特性的复杂配置处理引擎-js教程-PHP中文网

object.assign不支持原型递归合并，仅复制自有可枚举属性；需手动实现protoawaremerge等原型感知深度合并逻辑，或改用组合式配置模型。

如何利用 object.assign 实现具备“原型递归合并”特性的复杂配置处理引擎

Object.assign 本身不支持原型递归合并，也不处理原型链上的属性——它只复制源对象自身的、可枚举的自有属性。所谓“原型递归合并”是一个概念性误用，JavaScript 中不存在原生支持按原型链逐层向上查找并合并属性的 Object.assign 行为。真正可行的路径是：**手动实现基于原型感知的深度合并逻辑，而非依赖 Object.assign 的内置机制**。

为什么 Object.assign 无法做原型递归合并

它明确跳过原型链属性：
- Object.assign({}, obj) 不会把 obj.__proto__ 上的属性拷贝过去；
- 即使 obj 继承自某个配置基类，其父级定义的默认字段（如 baseConfig.timeout）也不会被自动识别或合并；
- 所有操作均基于 Object.keys() 或 Reflect.ownKeys()，这两者都只返回自有属性。

模拟“原型递归合并”的实用替代方案

若你希望配置对象能继承并融合多层语义（如“基础组件配置 → 模块配置 → 环境配置 → 用户覆盖”），可按如下方式构建引擎核心：

显式分层建模：不依赖隐式原型链，而是用数组明确声明合并顺序，例如 [BaseConfig, ModuleConfig, EnvConfig, UserConfig]；
递归 deepAssign + 原型检查：在合并前，对每个源对象调用 Object.getPrototypeOf() 判断是否需向上合并其原型配置，再递归处理；
安全过滤危险键：跳过 __proto__、constructor、prototype 等可能引发原型污染的 key；
区分“继承”与“覆盖”语义：对标记为 inherit: true 的字段（如 headers），执行深度合并；对 override: true 字段（如 apiUrl），直接替换。

一个轻量但健壮的引擎骨架示例

以下函数支持传入带原型关系的对象，并按原型链自底向上合并（仅限 plain object）：

function protoAwareMerge(target, ...sources) {
  const merge = (t, s) => {
    if (s == null || typeof s !== 'object') return;
    // 先递归合并原型（如果存在且是 plain object）
    const proto = Object.getPrototypeOf(s);
    if (proto && proto !== Object.prototype && typeof proto === 'object') {
      merge(t, proto);
    }
    // 再合并自身属性
    Object.keys(s).forEach(key => {
      if (['__proto__', 'constructor', 'prototype'].includes(key)) return;
      const tVal = t[key];
      const sVal = s[key];
      if (tVal && typeof tVal === 'object' && !Array.isArray(tVal) &&
          sVal && typeof sVal === 'object' && !Array.isArray(sVal)) {
        merge(tVal, sVal);
      } else {
        t[key] = sVal;
      }
    });
  };
<p>sources.forEach(src => merge(target, src));
return target;
}</p>

使用时：protoAwareMerge({}, UserConfig) 将自动拉取 UserConfig 及其整个原型链上的 plain object 配置并递归融合。