为什么 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 object in Javascript”帖子中的clone(obj) 函数，但均无济于事。

我错过了什么吗？

Answer 1

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

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