克隆内部带有函数的对象答案

【问题标题】：clone object with functions inside克隆内部带有函数的对象
【发布时间】：2021-06-30 08:36:30
【问题描述】：

我正在创建一个包含许多对象的游戏，这些对象都有自己的函数可以调用。我有一个对象不做任何事情，只是用于克隆，当这个对象被克隆时，除了函数被克隆。 x-y 以及其他类似的重量和强度都被克隆了。但这些功能不会被克隆。我用来克隆的方法是这样的。

objects[1] = JSON.parse(JSON.stringify(objects[0]))

这不是我尝试过的唯一克隆方法，但它们都给了我相同的结果。我希望这可以将对象从 objects[0] 克隆到 objects[1] ，包括函数在内的所有内容。（它们在一个数组中，所以我可以执行它们的功能）。但只克隆除函数之外的所有内容。

这是我在 node.js 中制作的一个示例。（我没有任何可靠的代码，因为我喜欢在将它们组合在一起之前测试它是否可以工作）。

var original = {};
original.a = true;
original.b = null;
original.c = 82;
original.d = "a string LOL";
original.e = function() {
  console.log("everything does not work?");
}
original.f = [0, "a", true, false];
console.log(original)
console.log(JSON.stringify(original));
console.log(JSON.stringify(JSON.parse(JSON.stringify(original))));

【问题讨论】：

转换为 JSON 后不能保留函数，因为 JSON 是字符串。
@evolutionxbox 字符串并不重要，只是对象不会被克隆，我证明我尝试过的方法不起作用。
字符串不重要是什么意思？这就是为什么使用 JSON 不起作用的原因......
我所说的字符串并不重要，我不必使用JSON字符串，如果有其他方法，我可以做到。
啊，我明白了。希望给定的答案会对您有所帮助

标签： javascript object clone

【解决方案1】：

无法使用JSON.stringify 对函数进行字符串化。只有一部分原语是有效的 JSON。为了完整起见，可以使用toString 和rebuilt 使用Function 构造函数检索函数源代码，但这很麻烦且没有必要。

您可以使用Object.assign 或spread syntax：

var original = {};
original.a = true;
original.b = null;
original.c = 82;
original.d = "a string LOL";
original.e = function() {
  console.log("everything does not work?");
}
original.f = [0, "a", true, false];

var copy = Object.assign({}, original);
var spread = {...original};
copy.f = [42, 45];
spread.f = [1, 2];
copy.e();
console.log(original.f, copy.f, spread.f);

请注意，这不是深度（递归）副本，因此如果您有嵌套对象，您将拥有一个共享别名。如果你想深拷贝，请参阅What is the most efficient way to deep clone an object in JavaScript?。

您还提到您“有一个不做任何事情且仅用于克隆的对象”。听起来您想要某种类或构造函数。如果没有更多信息，我更喜欢一个函数，它返回一个对象并充当您可能想要的任何隐藏属性的闭包（您也可以使用带有 this 的传统构造函数，如 here 所述）：

const makeFoo = () => ({
  a: true,
  b: null,
  c: 82,
  d: "a string LOL",
  e: function () {
    console.log("everything does not work?");
  },
  f: [0, "a", true, false],
});

const foos = [...Array(3)].map(makeFoo);
foos[0].c = 42;
console.log(foos);

您可以使用可选的默认值参数化部分或全部这些属性：

const makeFoo = props => {
  const defaults = {
    a: true,
    b: null,
    c: 82,
    d: "a string LOL",
    e: function () {
      console.log("everything does not work?");
    },
    f: [0, "a", true, false],
  };
  return {...defaults, ...props};
};

const foos = [...Array(3)].map(() => makeFoo({a: false, b: 5}));
foos[0].c = 42;
console.log(foos);

...但我对您的用例进行了很多推测。

【讨论】：

【解决方案2】：

最好的选择是lodash 提供的cloneDeep 方法。这将克隆所有原语和所有嵌套对象，并且您不会丢失函数声明

【讨论】：