jquery复制object

在编程的世界里，复制一个对象并不是一件简单的事情，尤其是当我们使用 jQuery 这个强大的 JavaScript 库时，你可能会遇到需要复制一个对象，以便在不改变原始对象的情况下进行操作的情况，就让我们一起来探讨如何用 jQuery 来复制一个对象。

我们要明白什么是对象复制，在 JavaScript 中，对象复制可以分为浅复制和深复制，浅复制只复制对象的第一层属性，而深复制则会递归复制所有嵌套的对象，jQuery 并没有提供直接复制对象的方法，但我们可以通过一些技巧来实现。

使用 jQuery.extend()

jQuery 提供了一个$.extend() 方法，这个方法可以用来合并两个或多个对象的属性，如果我们想要复制一个对象，可以这样做：

var original = { name: "John", age: 30 };
var copy = $.extend({}, original);

这里的{} 是一个空对象，$.extend() 方法会将original 对象的所有属性复制到这个空对象上，从而创建了一个original 的浅复制版本。

深复制的挑战

如果你需要深复制一个对象，情况就稍微复杂一些，因为$.extend() 默认只会进行浅复制，对于深复制，我们需要递归地复制每个属性，直到所有的嵌套对象都被复制，这可以通过编写一个递归函数来实现：

function deepCopy(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    var temp = obj.constructor(); // 给 temp 分配一个新的实例
    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            temp[key] = deepCopy(obj[key]); // 递归复制
        }
    }
    return temp;
}
var original = { name: "John", details: { age: 30 } };
var copy = deepCopy(original);

这个deepCopy 函数会检查每个属性，如果属性是对象，它就会递归地调用自身来复制这个对象。