Typescript克隆对象

我有一个超类，它是许多子类(Customer, Product, ProductCategory…)的父类(Entity)。

我想在Typescript中动态克隆一个包含不同子对象的对象。

例如:拥有不同产品的客户拥有一个ProductCategory

var cust:Customer  = new Customer ();

cust.name = "someName";
cust.products.push(new Product(someId1));
cust.products.push(new Product(someId2));

为了克隆对象的整个树，我在实体中创建了一个函数

public clone():any {
    var cloneObj = new this.constructor();
    for (var attribut in this) {
        if(typeof this[attribut] === "object"){
           cloneObj[attribut] = this.clone();
        } else {
           cloneObj[attribut] = this[attribut];
        }
    }
    return cloneObj;
}

当new被转译为javascript时，将引发以下错误:错误TS2351:不能对缺少调用或构造签名的表达式使用'new'。

虽然脚本工作，但我想摆脱转译错误

当前回答

@fenton对选项4的补充，使用angularJS，使用以下代码对对象或数组进行深度复制是相当简单的:

var deepCopy = angular.copy（objectOrArrayToBeCopied）

更多文档可以在这里找到:https://docs.angularjs.org/api/ng/function/angular.copy

2020-11-17 13:53:12

其他回答

TypeScript/JavaScript有自己的浅克隆操作符:

let shallowClone = { ...original };

2018-02-20 10:45:14

最后我这样做了:

public clone(): any {
  const result = new (<any>this.constructor);

  // some deserialization code I hade in place already...
  // which deep copies all serialized properties of the
  // object graph
  // result.deserialize(this)

  // you could use any of the usggestions in the other answers to
  // copy over all the desired fields / properties

  return result;
}

因为:

var cloneObj = new (<any>this.constructor());

@Fenton给出了运行时错误。

Typescript版本:2.4.2

2018-04-13 15:50:07

如果还想复制方法，而不仅仅是复制数据，请遵循此方法

let copy = new BaseLayer() ;
Object.assign(copy, origin);
copy.x = 8 ; //will not affect the origin object

只需将BaseLayer更改为类的名称。

2021-07-05 14:22:11

如果你已经有了目标对象，所以你不想重新创建它(就像更新一个数组一样)，你必须复制属性。如果这样做:

Object.keys(source).forEach((key) => {
    copy[key] = source[key]
})

赞美是应得的。(请看标题“版本2”)

2019-09-05 13:46:29

你可以在扩展语法中使用解构赋值:

var obj = {id = 1, name = 'product1'};
var clonedObject = {...obj};

2020-02-18 12:19:27

Typescript克隆对象

推荐文章

最新文章

标签