jQuery $.extend()用法总结

$.extend() 函数是 jQuery 中常用的函数之一，主要功能是将多个对象合并成一个对象。它的基本语法如下：

$.extend(target, object1, object2, ... , objectN)

其中 target 是目标对象，object1 到 objectN 是需要合并的对象，合并后的结果保存在 target 中，如果 target 中已经存在某个属性，则合并后的结果会将其覆盖。

基本用法

下面是一个基本的示例：

var settings = { color: "red", size: "big" };
var options = { color: "blue" };
$.extend(settings, options);
console.log(settings.color); // blue

在这个例子中，我们声明了两个对象 settings 和 options，并使用 $.extend() 将 options 合并到了 settings 中。由于 options.color 的值为 "blue"，因此合并后 settings.color 的值也变成了 "blue"。

对于一个对象的合并, 如果我们不想修改原始的对象，就可以使用空对象 {} 来创建一个新的对象进行拷贝。例如：

var obj = { name: "Jack", age: 20 };
var newObj = $.extend({}, obj);
console.log(newObj); // { name: "Jack", age: 20 }

深拷贝和浅拷贝

当合并的对象中含有嵌套对象时，$.extend() 函数默认为浅拷贝，只拷贝引用而不是对象本身。如果需要实现深拷贝，可以进行递归处理或使用一些第三方库，例如 lodash。下面是深拷贝的一个示例：

var object1 = { apple: 0, banana: { weight: 52, price: 100 }, cherry: 97 };
var object2 = { banana: { price: 200 }, durian: 100 };
$.extend(true, object1, object2);
console.log(object1.banana.price); // 200

在这个例子中，我们使用了 true 参数来进行深拷贝，因此 object1 中的 banana.price 值被更新为 200。

总结

$.extend() 函数可以很方便地实现对象的合并，但需要注意浅拷贝和深拷贝等问题。在实际开发中，建议根据具体情况选择最适合的方式进行使用。

以上就是 jQuery $.extend() 函数用法的总结，希望对大家有所帮助。