javascript - 为什么 jQuery 扩展方法不复制我的 javascript 对象？

Question

我在这里查看了许多关于克隆和复制 javascript 对象的帖子，特别是这两个主题:

• How do I correctly clone a JavaScript object?
• What is the most efficient way to deep clone an object in JavaScript?

不过，它似乎对我不起作用。

这是我正在使用的代码片段:

var copiedObject = {};

$.getJSON(URL, null, function (data) {
     copiedObject = jQuery.extend(true, {}, data);
});

console.log(JSON.stringify(copiedObject));

如果我在 JSON 调用中有我的控制台日志函数，它会输出正确的值，但在该函数之后，它会被清空并输出 {}。

我已经尝试使用 copiedObject = JSON.parse(JSON.stringify(data))，以及来自“Copying an Javascript 中的对象”帖子，但都无济于事。

我错过了什么吗？

Answer 1

$.getJSON 触发 Ajax 请求，默认运行异步。您的 console.log 将在请求完成之前触发。通过将控制台输出移到回调中来修复它。

$.getJSON(URL, null, function (data) {
     copiedObject = jQuery.extend(true, {}, data);
     console.log(JSON.stringify(copiedObject));
});