在前端开发中，我们经常需要合并对象或者进行扩展。在 jQuery 和 AngularJS 中都提供了 extend 方法来实现这个功能，虽然它们的名字相同，但是它们的实现方式和用法却有很大不同。
jQuery extend
jQuery.extend 方法是 jQuery 中的一个工具方法，用于将一个或多个对象的内容合并到目标对象中。以下是该方法的语法：
jQuery.extend(target, [object1], [object2], [objectN]);
其中，target 参数表示目标对象，object1、object2、objectN 表示要合并到目标对象中的对象，可以是任意数量的对象。
下面是一个示例代码，展示了如何使用 jQuery.extend 进行对象合并：
-- -------------------- ---- -------
--- -------- - -
------ ------
----- -------
--
--- ------- - -
----- ---------
------- ------
--
----------------------- ---------
----------------------上述代码将打印出如下结果：
{
color: "red",
size: "medium",
weight: "bold"
}从上面的示例代码可以看出，jQuery.extend 方法会将后面的对象的属性值覆盖前面对象的属性值。如果要添加新的属性，可以直接传入一个空对象作为目标对象。
Angular extend
AngularJS 中也提供了一个 angular.extend 方法，用于将源对象的所有属性复制到目标对象中。以下是该方法的语法：
angular.extend(destination, source);
其中，destination 参数表示目标对象，source 表示源对象。
下面是一个示例代码，展示了如何使用 angular.extend 进行对象扩展：
-- -------------------- ---- -------
--- -------- - -
------ ------
----- -------
--
--- ------- - -
----- ---------
------- ------
--
------------------------ ---------
----------------------上述代码将打印出如下结果：
{
color: "red",
size: "medium",
weight: "bold"
}从上面的示例代码可以看出，angular.extend 方法也会将后面的对象的属性值覆盖前面对象的属性值。如果要添加新的属性，也可以直接传入一个空对象作为目标对象。
区别与建议
虽然两种方法的功能相似，但是它们之间有一些细微的差别。
首先，jQuery.extend 方法可以同时合并多个对象，而 angular.extend 方法只能合并两个对象。
其次，jQuery.extend 方法的返回值是目标对象本身，而 angular.extend 方法的返回值是合并后的新对象。
最后，angular.extend 方法还支持深度合并（deep merge），而 jQuery.extend 方法并不支持。
因此，在选择使用哪种方法时，需要根据实际情况进行具体考虑。如果需要合并多个对象，可以选择使用 jQuery.extend 方法。如果需要进行深度合并，或者只需要合并两个对象，可以选择使用 angular.extend 方法。
总的来说，在实际应用中，建议根据具体情况选择使用不同的方法，以达到最佳的效果和性能。
总结
本文介绍了 jQuery 和 AngularJS 中的两种扩展（extend）方法，分别是 jQuery.extend 和 angular.extend。虽然它们的名字相同，但是它们的实现方式和用法却有很大不同。需要在实际应用中仔细考虑哪种方法最适合自己的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25289