<script src="js/jquery-3.2.0.min.js"></script>
<script>
var obj={};
var obj1={
name: 'hunger',
sex: 'man'
};
var obj2={
name: 'valley',
age: 30
}
//$.extend(obj,obj1) //把obj1拷贝到obj上面
$.extend(obj,obj1,obj2)//属性会覆盖 Object {name: "valley", sex: "man", age: 30}
常见的用户输入数据时的设置
function getPeople(obj){
var default={
name: 'hunger',
age: 20,
sex: 'male'
}
var opts={}
$.extend(obj,default,obj)
console.log(opts);
}
目标对象（第一个参数）将被修改，并且将通过$.extend()返回。然而，如果我们想保留原对象，我们可以通过传递一个空对象作为目标对象：
var object = $.extend({}, object1, object2);
function getPeople(obj){
var def={
name: 'hunger',
age: 20,
sex: 'male'
}
var opts=$.extend({},def,obj)
console.log(opts)
}
obj2={
name: 'valley',
age: 30
}
getPeople(obj2); //最后输出Object {name: "valley", age: 30, sex: "male"}
$.extend()方法默认是浅拷贝
我们来看一下一个例子
var obj={}
var obj1={
name: 'hunger',
sex: 'male',
friends: [1,2,3]
};
var obj2={
name: 'valley',
age: 30
}
$.extend(obj,obj1) //得到obj={ name: 'hunger',
sex: 'male',
friends: [1,2,3]}
//这个时候我们再进行以下操作
obj.friends[0]=100; //此时obj={name: 'hunger',
sex: 'male',
friends: [100,2,3]}
obj1.friends //输出[100,2,3] obj1也会随之改变 这就是浅拷贝
**要想实现深拷贝，则需要设置布尔值，这样写：$.extend(true,obj,obj1)
**
当改成这样写的时候，
$.extend(true,obj,obj1)
obj.friends[0]=100; //此时obj={name: 'hunger',
sex: 'male',
friends: [100,2,3]}
obj1.friends //输出[1,2,3] obj1不会改变，实现浅拷贝
