jQuery.extend()深度复制与浅复制详解及示例

本文主要介绍了jQuery中的`jQuery.extend()`方法，包括其深复制和浅复制的概念，并通过实例展示了这两种复制方式的区别。 `jQuery.extend()`是一个非常实用的功能，它允许我们将一个或多个对象的属性合并到目标对象中。此方法有两种模式：浅复制和深复制。 在深复制模式下，`jQuery.extend(true, target, source)`会递归地复制源对象的所有属性到目标对象，包括嵌套的对象。这意味着即使源对象和目标对象有相同的属性（如对象），它们在内存中也会是两个不同的实体。因此，修改源对象的属性不会影响到目标对象。在提供的示例中，`obj1`被扩展了`obj2`的属性，当`obj2.x.xxx`被修改时，`obj1.x.xxx`的值保持不变，展示了深复制的特点。 而浅复制，例如`jQuery.extend(target, source)`，则只会复制源对象的顶层属性到目标对象，如果遇到嵌套的对象，它会直接引用该对象的引用，而不是创建一个新的副本。因此，修改源对象的嵌套属性会影响到目标对象。在示例中，当不设置第一个参数为`true`时，`obj1.x`实际上是`obj2.x`的引用，所以`obj2.x.xxx`的修改会影响到`obj1.x.xxx`，展示了浅复制的行为。 在实际开发中，选择深复制还是浅复制取决于需求。如果需要完全独立的目标对象，避免源对象的更改影响到目标对象，应使用深复制。如果只关心顶层属性的复制，不在乎内部对象的引用关系，那么可以选择浅复制，以节省内存资源。 总结一下，`jQuery.extend()`的核心作用是合并对象，而`true`作为第一个参数则决定了是否执行深复制。深复制确保了对象的独立性，而浅复制则可能导致对象间的属性共享。了解这两者的区别对于优化JavaScript代码和处理复杂的数据结构至关重要。