克隆内部有函数的对象
clone object with functions inside
我正在创建一个包含许多对象的游戏,这些对象都有自己的调用函数。我有一个对象,它什么都不做,只用于克隆,当这个对象被克隆时,除了函数之外的所有东西都被克隆了。 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.stringify
对函数进行字符串化。只有一部分基元是有效的 JSON。为了完整起见,可以使用 toString
和 rebuilt 以及 Function
构造函数来检索函数源代码,但这很混乱且没有必要。
您可以使用 Object.assign
or 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?。
您还提到您“有一个对象什么都不做,只用于克隆”。听起来您想要一个 class 或某种构造函数。如果没有更多信息,我更喜欢 returns 一个对象的函数,并充当您可能想要的任何隐藏属性的闭包(您也可以使用带有 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);
...但我对您的用例进行了很多推测。
最好的选择是 lodash 提供的 cloneDeep
方法。这将克隆所有基元和所有嵌套对象,当然你不会丢失函数声明
您可以使用 HTML 标准包含的相同结构化克隆机制在领域之间发送数据:structuredClone
const clone = structuredClone(original);
我正在创建一个包含许多对象的游戏,这些对象都有自己的调用函数。我有一个对象,它什么都不做,只用于克隆,当这个对象被克隆时,除了函数之外的所有东西都被克隆了。 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.stringify
对函数进行字符串化。只有一部分基元是有效的 JSON。为了完整起见,可以使用 toString
和 rebuilt 以及 Function
构造函数来检索函数源代码,但这很混乱且没有必要。
您可以使用 Object.assign
or 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?。
您还提到您“有一个对象什么都不做,只用于克隆”。听起来您想要一个 class 或某种构造函数。如果没有更多信息,我更喜欢 returns 一个对象的函数,并充当您可能想要的任何隐藏属性的闭包(您也可以使用带有 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);
...但我对您的用例进行了很多推测。
最好的选择是 lodash 提供的 cloneDeep
方法。这将克隆所有基元和所有嵌套对象,当然你不会丢失函数声明
您可以使用 HTML 标准包含的相同结构化克隆机制在领域之间发送数据:structuredClone
const clone = structuredClone(original);