我发现很难在 Javascript 中克隆对象 [关闭]

Question

我有一个网络应用程序，用户可以在其中点击一个按钮来copy 一个引擎对象。

我用 Javascript 编写了下面的方法，它可以工作。但是，如果克隆的用户超过 2 或 3 个，则会弹出随机错误。例如，它会说，Engine is undefined 或 engineToClone is undefined。

但如果只有一个人在做，它永远不会出错。

所以我想知道是否有更好的方法来写这个：

    var engineToClone = this.model;

    var clonedEngine = new Engine({
        factoryId: engineToClone.attributes.factoryId,
        title: 'CLONED OF - ' + engineToClone.attributes.title,
        engineDescription: engineToClone.attributes.engineDescription,
        isFrontend: engineToClone.attributes.isFrontend,
        cylinders: engineToClone.cylinders,
        headers: engineToClone.headers,
        vehicles: engineToClone.vehicles,
        pistons: engineToClone.pistons,
        fuels: engineToClone.fuels
    });
    
    clonedEngine.save(null, {
        url: self.factory.url()
    }).done(function () {
    });

我试过这样做，但它会生成空值：

    var engineToClone = this.model;

    var clonedEngine = engineToClone;

但是 clonedEngine 总是返回为 null。

我也在这里阅读了使用 json 的答案，所以我尝试了这个：

JSON.parse(JSON.stringify(engineToClone))

但它总是说 JSON 未定义。

所以我一定是做错了什么，我希望有人能指出我正确的方向。

谢谢！

Answer 1

Object.assign() 方法将所有可枚举的自身属性从一个或多个源对象复制到目标对象。它返回目标对象。 读这个： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Answer 2

JSON 未定义很奇怪，但还有另一个解决方案使用 Object.assign()。基本上，它从原始对象中获取每个属性并将其复制到{}。

const myObject = {
  some: "properties",
  that: "could",
  be: "cloned",
}

let clone = Object.assign({}, myObject);

myObject.x = 
  "the original was edited... what happens to the clone?";

console.log(clone);

请注意，这是一个“浅拷贝”。如果myObject 有嵌套对象，并且这些对象稍后被编辑，则副本也会受到影响。如果您需要“深拷贝”，您应该使用JSON.parse(JSON.stringify(object)) 解决方案。

---

如果你需要复制除少数之外的所有属性，你可以使用这个：

const clone = (obj, ...ignore) => {
  let copy = Object.assign({}, obj); //copy the object
  for (var i of ignore) delete copy[i]; //delete everything from ignore
  return copy; //return what's left (the good bits)
};

var myObject = { key: "value", a: "b", id: "theId" };
var myClone = clone(myObject, "id");

console.log(myClone);