Jquery中的浅拷贝与深拷贝

在 jQuery 中，浅拷贝和深拷贝的概念与 JavaScript 中的概念类似，主要用于对象和数组的复制。下面是对浅拷贝和深拷贝的解释以及在 jQuery 中的应用。

浅拷贝

浅拷贝是指创建一个新对象，这个新对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。

在 jQuery 中，可以使用 $.extend() 方法来进行浅拷贝：

var obj1 = { a: 1, b: { c: 2 } };
var obj2 = $.extend({}, obj1);

obj2.a = 10; // 不会影响 obj1.a
obj2.b.c = 20; // 会影响 obj1.b.c

深拷贝

深拷贝是指创建一个新对象，这个新对象有着原始对象属性值的完全独立拷贝。深拷贝会拷贝所有的属性，并递归地拷贝所有引用类型的属性，因此两个对象是完全独立的，互不影响。

在 jQuery 中，可以使用 $.extend() 方法并传入 true 参数来进行深拷贝：

var obj1 = { a: 1, b: { c: 2 } };
var obj2 = $.extend(true, {}, obj1);

obj2.a = 10; // 不会影响 obj1.a
obj2.b.c = 20; // 不会影响 obj1.b.c

总结

• 浅拷贝：只拷贝基本类型的值和引用类型的地址，不递归拷贝引用类型的属性。
• 深拷贝：递归拷贝所有属性，包括引用类型的属性，使得两个对象完全独立。

在 jQuery 中，可以使用 $.extend() 方法来进行浅拷贝和深拷贝，通过传入 true 参数来实现深拷贝。