克隆内部有函数的对象

Hay*_*her 7 javascript clone object

我正在创建一个包含许多对象的游戏,这些对象都有自己的被调用的函数。我有一个对象,它不执行任何操作,仅用于克隆,当该对象被克隆时,除了函数之外的所有内容都会被克隆。xy 以及其他诸如重量和力量之类的东西都被克隆。但函数不会被克隆。我用于克隆的方法是这样的。

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

这不是我尝试过的唯一克隆方法,但所有这些方法都给了我相同的结果。我希望这会将对象从对象[0]克隆到对象[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))));
Run Code Online (Sandbox Code Playgroud)

ggo*_*len 3

不可能使用 来字符串化函数JSON.stringify。只有一部分原语是有效的 JSON。为了完整性,可以使用构造函数检索toString重建Function函数源代码,但这很混乱且不必要。

您可以使用Object.assign传播语法

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);
Run Code Online (Sandbox Code Playgroud)

请注意,这不是深度(递归)复制,因此如果您有嵌套对象,您将拥有一个共享别名。请参阅在 JavaScript 中深度克隆对象的最有效方法是什么?如果你想深复制。

您还提到您“有一个不执行任何操作且仅用于克隆的对象”。听起来您想要某种类或构造函数。如果没有更多信息,我更喜欢一个返回对象并充当您可能想要的任何隐藏属性的闭包的函数(您也可以使用传统的构造函数,如此处this所述

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);
Run Code Online (Sandbox Code Playgroud)

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

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);
Run Code Online (Sandbox Code Playgroud)

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


归档时间:

查看次数:

4638 次

最近记录:

4 年 前