自定义对象工具方法：添加至Object原型还是使用工具类？

核心问题梳理 #

• 需要实现深克隆、深对象赋值等对象管理工具方法
• 纠结两种实现方案：扩展Object.prototype 还是 使用工具类静态方法
• 疑问：在Angular的polyfills.ts中扩展原生对象原型是否合适

方案对比与实践结论 #

1. 扩展Object.prototype是不良实践 #

绝对不推荐这么做，核心原因如下：

• 全局污染风险：所有对象（包括数组、函数这类原生对象）都会继承该方法，极易和第三方库、框架内部方法发生命名冲突，排查问题时会异常繁琐。
• 遍历兼容性问题：即使通过enumerable: false隐藏方法，部分场景下仍可能被for...in遍历到，破坏原有对象遍历逻辑。
• Angular生态冲突：Angular依赖大量第三方库与内部对象处理逻辑，修改原生原型可能触发难以定位的框架异常。

2. 工具类静态方法是最优选择 #

创建ObjectsUtilities这类工具类是前端行业通用的最佳实践，优势明显：

• 隔离性强：方法仅存在于工具类命名空间下，不会污染全局环境，彻底避免命名冲突。
• 可维护性高：所有对象操作方法集中管理，后续修改、扩展都能快速定位。
• 契合Angular规范：Angular倡导模块化、可复用的代码结构，工具类完全符合框架的设计理念。

代码修正与优化建议 #

你当前的deepObjectAssign代码存在逻辑错误，以下是修正后的工具类实现，同时补充了深克隆方法：

优化后的工具类代码 #

export class ObjectsUtilities {
  // 深对象赋值方法
  public static deepObjectAssign(
    target: { [key: string]: any },
    source: { [key: string]: any },
    cleanObject?: boolean
  ): { [key: string]: any } {
    // 处理target为空的边界情况
    if (!target) target = {};
    
    // 清理target中source不存在的属性（当cleanObject为true时）
    if (cleanObject) {
      for (const key of Object.keys(target)) {
        if (!(key in source)) {
          delete target[key];
        }
      }
    }

    // 递归处理嵌套对象/数组
    for (const key of Object.keys(source)) {
      const sourceValue = source[key];
      // 区分对象、数组与基本类型
      if (sourceValue && typeof sourceValue === 'object') {
        // 初始化target对应属性的类型，保持和source一致
        if (!target[key] || typeof target[key] !== 'object') {
          target[key] = Array.isArray(sourceValue) ? [] : {};
        }
        // 递归调用深赋值
        ObjectsUtilities.deepObjectAssign(target[key], sourceValue, cleanObject);
      } else {
        // 基本类型直接赋值
        target[key] = sourceValue;
      }
    }

    return target;
  }

  // 深克隆方法
  public static deepClone<T>(obj: T): T {
    if (obj === null || typeof obj !== 'object') return obj;
    // 处理Date类型
    if (obj instanceof Date) return new Date(obj.getTime()) as T;
    // 处理数组类型
    if (obj instanceof Array) return obj.map(item => ObjectsUtilities.deepClone(item)) as T;
    // 处理普通对象
    const clonedObj = {} as T;
    for (const key in obj) {
      if (obj.hasOwnProperty(key)) {
        clonedObj[key] = ObjectsUtilities.deepClone(obj[key]);
      }
    }
    return clonedObj;
  }
}

代码修正说明 #

• 修复了!source[key] === undefined的逻辑错误，改用!(key in source)更准确判断属性是否存在
• 增加了数组类型的特殊处理，避免把数组当成普通对象递归
• 修正了递归调用时的方法引用错误（原代码误用了Object.$deepObjectAssign）
• 补充了常用的深克隆方法，覆盖Date、数组、普通对象等场景

关于Angular中polyfills.ts的使用建议 #

polyfills.ts的设计初衷是补充浏览器缺失的原生API（比如ES6+特性的兼容补丁），而非添加自定义业务工具方法。把自定义方法放在这里会混淆文件职责，降低项目的可维护性，因此绝对不建议这么做。

建议将工具类放在src/app/utils或src/app/shared目录下，作为独立模块导出，在需要的组件、服务中直接导入使用即可。

内容的提问来源于stack exchange，提问作者Juan Luces