简述jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝 ？
参考回答
在jQuery中，属性拷贝是通过 $.extend() 方法实现的，它用于将一个或多个对象的属性拷贝到目标对象中。该方法的实现原理可以分为浅拷贝和深拷贝两种方式，具体取决于是否需要递归地拷贝对象的属性。
- 浅拷贝：拷贝对象的属性，但如果属性是引用类型（例如数组或对象），那么拷贝的只是其引用。
- 深拷贝：不仅拷贝对象的属性，还会递归地拷贝对象内部的引用类型，确保源对象的属性完全复制，且新对象的引用类型不会与源对象共享。
详细讲解与拓展
1. $.extend() 方法的实现原理：
$.extend() 方法通过遍历源对象的属性并将其拷贝到目标对象。拷贝的方式由 deep 参数决定：
– 浅拷贝：仅拷贝属性值，若属性值是引用类型，则会拷贝该引用。
– 深拷贝：当 deep 参数为 true 时，$.extend() 会递归地拷贝源对象的属性，确保每个引用类型的属性都被复制一份新的对象，而非直接引用源对象中的对象。
浅拷贝的实现过程：
$.extend(target, source);
这将源对象 source 的属性拷贝到目标对象 target 中。如果某个属性是对象类型，目标对象将引用源对象的相同对象。
深拷贝的实现过程：
$.extend(true, target, source);
当 deep 参数为 true 时，$.extend() 会递归拷贝每个对象属性。如果某个属性是对象或数组，则会继续拷贝该对象或数组的属性，而不是直接引用。
2. 浅拷贝的实现原理：
浅拷贝时，$.extend() 方法会逐个拷贝源对象的属性到目标对象。如果属性值是引用类型，则拷贝的是引用，而不是对象的副本。
示例：
var target = { name: 'John' };
var source = { age: 30, address: { city: 'New York' } };
$.extend(target, source);
console.log(target); // { name: 'John', age: 30, address: { city: 'New York' } }
在这个例子中，target 被拷贝了 source 的属性，其中 address 是一个对象，因此 target.address 和 source.address 指向同一个对象。
3. 深拷贝的实现原理：
深拷贝时，$.extend(true, target, source) 会递归地拷贝对象的所有属性，即使属性值是对象或数组，也会继续进行拷贝，而不是直接引用源对象的属性。
示例：
var target = { name: 'John' };
var source = { age: 30, address: { city: 'New York' } };
$.extend(true, target, source);
console.log(target); // { name: 'John', age: 30, address: { city: 'New York' } }
console.log(target.address === source.address); // false, 说明是深拷贝
在这个例子中，target.address 是一个新对象，它与 source.address 指向不同的内存位置，说明 address 被深拷贝了。
4. 为什么要使用深拷贝：
- 深拷贝 适用于当源对象中的属性包含引用类型（例如对象或数组），并且你希望目标对象中的引用类型完全独立于源对象。这样可以避免修改目标对象中的引用类型时影响源对象。
例子：
var original = { name: 'John', address: { city: 'New York' } };
var copy = $.extend(true, {}, original);
// 修改拷贝对象的属性
copy.address.city = 'Los Angeles';
console.log(original.address.city); // 输出：New York (源对象不受影响)
console.log(copy.address.city); // 输出：Los Angeles
5. 深拷贝和浅拷贝的区别：
- 浅拷贝：拷贝的是对象的引用。源对象和目标对象的引用类型属性指向同一个对象。
- 深拷贝：拷贝的是对象的副本。目标对象中的引用类型属性是源对象属性的一个全新副本，彼此独立。
总结：
$.extend()是 jQuery 提供的一个用于将对象的属性拷贝到目标对象的函数，支持浅拷贝和深拷贝。- 浅拷贝：拷贝对象的属性值，如果属性值是引用类型，则拷贝的是引用。
- 深拷贝：递归拷贝对象属性，确保对象和其嵌套的属性都得到完整复制，避免引用同一个对象。
通过将 $.extend() 方法中的第一个参数设置为 true，可以实现深拷贝。