jQuery.extend()函数使用详解

定义：jQuery.extend()函数用于将一个或多个对象的内容合并到目标对象，是我们在编写插件过程中常用的方法，该方法有一些重载原型。

语法：$.extend(target , [object1] , [object2]，… )它的含义是将object1,object2等合并到target中，返回值为合并的target

指示是否深度合并：$.extend( [deep] , target , [object1] , [object2]，… )

上代码 ——

一：语法：$.extend(target , [object1] , [object2]，... )

var config1 = {
name:"Bb",
age: 20
}
var config2 = {
name: "Yyf",
sex: "boy"
}
var result = $.extend({},config1,config2);
console.log(result);//{name: "Yyf", age: 20, sex: "boy"}
console.log(config1);//{name: "Bb", age: 20}
console.log(config2);//{name: "Yyf", sex: "boy"}

二：省略target参数：上述的target参数是可以省略的，则该方法就只能有一个object参数了，方法含义就变为：将该object合并到调用extend方法的对象中去，如：

$.extend({
hello:function(){
alert("helloWorld");
}
});
$.hello();         //调用成功->helloWorld

.extend()方法还有一个重载原型：.extend(boolean,target,object1,object2,…)，含义–>第一个参数boolean代表是否深度拷贝，其余参数和前面的一致

深度拷贝:
//深度拷贝
var info1 = {
name: "Bb",
location: {
city: "nanchang",
county: "china"
}
};
var info2 = {
last: "resign",
location: {
state: "MA",
county: "USA"
}
};
console.log($.extend(true,{},info1,info2))
//{name: "Bb", location: {city:"nanchang",county:"USA",state:"MA"}, last: "resign"}
console.log($.extend(false,{},info1,info2))
//{name: "Bb", location: {county:"USA",state:"MA"}, last: "resign"}
console.log($.extend({},info1,info2))
//{name: "Bb", location: {county:"USA",state:"MA"}, last: "resign"}
//总结：深度拷贝可以将嵌套的子对象也进行合并。