jQuery中extend的用法

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Jquery的扩展方法原型是:

extend(dest,src1,src2,src3...);

作用是将src1、src2和src3合并到dest中，如果有三个src中有相同的属性，那么值会使用最后的，如

const result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
------
result={name:"Jerry",age:21,sex:"Boy"}

二、省略dest参数

1.$.extend(src)

改方法作用是将src合并到jquery的全局对象中去，如：

$.extend({
hello:function(){alert('hello');}
});

2.$.fn.extend(src)

该方法将src合并到jquery的实例对象中去，如合并到net中去：

$.extend({net:{}});
------
$.extend($.net,{
hello:function(){alert('hello');}
})

三、Jquery的extend方法还有一个重载原型

语法：

extend(boolean,dest,src1,src2,src3...)

第一个参数boolean表示是否深克隆，其他参数和上方介绍一样

1.boolean为true时，所有的src里面所有键值对都会深度比较，重复的键值对，值使用最后的，如：

var result=$.extend( true, {},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } );
------
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}

2.boolean为false时，只会比较最外层的键值对，重复的键值对，值使用最后的，如：

var result=$.extend( false, {},
{ name: "John", location:{city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} }
);
------
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}