如何复制包含函数的js对象

Question

我在复制本身具有功能的对象时遇到问题。请参阅下面的代码以及随后的问题解释。

const obj1 = {...object1};
const obj2 = {...object2};
const obj3 = {...object3};

const parentObj = {
 id: "123",
 name: "foo",
 nestedObj: [obj1, obj2, obj3],
somefunc(){
 return obj1.value + obj2.value + obj3.value
}
}

我复制这个对象的方式...

 const copyObj = {
...parentObj,
nestedObj: parentObj.nestedObj.map(obj=>{
 return{
  ...obj
}
})
}

上面的问题如下：

1. 我有一个表单控件，允许我更改 obj1、obj2 或 obj3 值键。
2. 函数需要这个分配给嵌套对象的“新”值。
3. 但是，当被复制时，我的函数始终使用 nestedObj 的原始值。

有没有办法将函数绑定到新复制的 parentObj？

Answer 1

如果somefunc 像copyObj.somefunc() 一样被调用，使得this 值对应于您调用该方法的对象，那么当您如下定义somefunc 时它将起作用：

  somefunc(){
    return this.nestedObj.reduce((sum, obj) => sum + obj.value, 0);
  }

所以如果现在nestedObj 拥有您真正想要使用的对象，那么somefunc 将产生预期的总和，前提是在正确的容器对象上调用它。