You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在TypeScript中克隆类实例?

解决类实例克隆的问题

首先得明确:Object.assign({}, i)其实并不适合克隆类实例——它会把类实例转成一个普通的字面量对象,直接丢失了原实例的原型链,也就是说克隆出来的对象不再是I类的实例,这大概率不是你想要的效果。

下面给你几个靠谱的方案,按需选择:

1. 在类内部实现clone方法

这是最直观也最可控的方式,直接在I类里添加一个克隆方法,手动处理属性复制,能保证克隆出的对象依然是I的实例:

class I {
  constructor(name) {
    this.name = name;
  }

  clone() {
    // 创建新的I实例
    const cloned = new I();
    // 复制当前实例的所有可枚举属性
    Object.assign(cloned, this);
    // 若有不可枚举属性或需要特殊处理的属性,可在这里手动赋值
    return cloned;
  }
}

// 使用示例
let i = new I('test');
let clonedI = i.clone();
arr.push(clonedI);

2. 利用类构造函数 + 对象展开语法

如果你的I类构造函数支持接收包含属性的对象参数,那可以用对象展开快速生成新实例:

class I {
  constructor(props) {
    Object.assign(this, props);
  }
}

let i = new I({ name: 'test' });
// 展开原实例属性,传给新构造函数
let clonedI = new I({ ...i });
arr.push(clonedI);

3. 保留原型链的浅拷贝

要是不想修改原类,也可以用Object.create先继承原实例的原型,再拷贝属性,确保克隆对象依然是I的实例:

let i = new I();
// 创建继承自I原型的空对象
let clonedI = Object.create(Object.getPrototypeOf(i));
// 拷贝原实例的属性到新对象
Object.assign(clonedI, i);
arr.push(clonedI);

4. 深拷贝(针对含嵌套引用类型的实例)

如果你的I实例里包含嵌套对象、数组这类引用类型,上面的浅拷贝会导致原实例和克隆实例共享引用。这种情况可以用structuredClone(现代浏览器和Node.js均支持):

let i = new I();
i.nested = { key: 'value' };
// 深克隆,保留实例类型(前提是类可序列化)
let clonedI = structuredClone(i);
arr.push(clonedI);

注意:structuredClone不支持克隆函数、Symbol属性或部分特殊对象(如DOM元素),如果你的类包含这类内容,需要手动实现深拷贝逻辑。

内容的提问来源于stack exchange,提问作者POV

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.07 07:59:08