javascript - 克隆内部带有函数的对象
问题描述
我正在创建一个包含许多对象的游戏,这些对象都有自己的函数可以调用。我有一个对象不做任何事情,只是用于克隆,当这个对象被克隆时,除了函数被克隆。xy 被克隆以及其他类似的重量和强度。但这些功能不会被克隆。我用于克隆的方法是这样的。
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
和重建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);
请注意,这不是深度(递归)副本,因此如果您有嵌套对象,您将拥有一个共享别名。请参阅在 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);
您可以使用可选的默认值参数化部分或全部这些属性:
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);
...但是我对您的用例进行了很多推测。
推荐阅读
- javascript - 如何在尝试重新连接 Socket.IO(使用 RxJS)之前等待 HTTP 请求?
- flutter - 在我的颤振项目中,如何修复 java.lang.AssertionError: annotationType(): unrecognized Attribute name MODULE?
- python - 熊猫提取行以分离数据框
- python - 自动选择复选框 Python 和 Dash
- paypal - 服务器集成的 PayPal 结帐错误:“预计要传递的订单 ID”
- html - 在文本类型的 html 输入框中自动换行
- c# - 如何在 Azure DevOps 上构建 .NET 5 Azure Function?
- dart - 更好的是,最初为空的不可为空或最初可为空且为空的容器?
- data-analysis - 解释 FracLac 盒计数结果
- php - $_SESSION['message] 在使用 $_GET 时不起作用