JavaScript 继承机制中怎么在继承关系中实现深拷贝复制实例-js教程-PHP中文网

javascript不原生支持继承下的深拷贝实例，需手动用object.create保留原型链，并递归深拷贝自有可枚举非函数属性；structuredclone()不能直接保留自定义类构造器，需结合reflect.construct()等方案。

javascript 继承机制中怎么在继承关系中实现深拷贝复制实例

JavaScript 中继承关系下的“深拷贝实例”不是语言原生支持的特性，因为继承关注的是行为（方法）和原型链的复用，而深拷贝关注的是数据（属性）的独立副本。但你可以通过组合方式，在继承结构中实现一个实例的深拷贝——关键在于：**拷贝实例自身的可枚举属性（含嵌套对象/数组），同时保留其原型链（即构造函数与继承关系）**。

理解目标：拷贝实例 ≠ 拷贝原型

深拷贝一个实例，不是要复制整个类或原型链，而是：

创建一个新对象，其 constructor 和 __proto__ 与原实例一致（即属于同一继承体系）；
将原实例上所有自有、可枚举、非函数属性进行递归深拷贝（如嵌套对象、数组、日期、正则等需特殊处理）；
不拷贝原型上的方法或不可枚举属性（它们本就通过原型链共享，无需重复复制）。

手动实现：基于 Object.create + 递归深拷贝

适用于自定义类（ES5 构造函数或 ES6 class），核心步骤：

用 Object.create(Object.getPrototypeOf(original)) 创建新对象，继承原实例的原型；
遍历原实例的自有属性（Object.getOwnPropertyNames() 或 Object.keys()），跳过函数和不可枚举项；
对每个值调用你自己的深拷贝函数（处理 null、Date、RegExp、Array、Object 等）；
把深拷贝后的值赋给新对象对应属性。

示例：

Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

class Animal {
  constructor(name, meta) {
    this.name = name;
    this.meta = meta; // { age: 2, tags: ['pet'] }
  }
}
class Dog extends Animal {
  constructor(name, meta, breed) {
    super(name, meta);
    this.breed = breed;
  }
}

function deepCloneInstance(obj) {
  const proto = Object.getPrototypeOf(obj);
  const clone = Object.create(proto);
  const props = Object.getOwnPropertyNames(obj);
  props.forEach(key => {
    const desc = Object.getOwnPropertyDescriptor(obj, key);
    if (desc.enumerable && typeof obj[key] !== 'function') {
      clone[key] = deepCopyValue(obj[key]); // 自定义深拷贝逻辑
    }
  });
  return clone;
}
// 后续补充 deepCopyValue(...) 即可支持嵌套

借助结构化克隆（现代环境推荐）

Chrome 98+、Firefox 94+、Node.js 17+ 支持 structuredClone()，它能安全深拷贝大多数值（包括嵌套对象、数组、Map、Set、Date、RegExp、BigInt），且自动保留原型链信息仅限于可克隆类型本身（注意：它不保留自定义类的 constructor 或方法）**。因此不能直接用于继承实例拷贝。

但你可以结合使用：