浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
// 拷贝分为浅拷贝和深拷贝。 // 浅拷贝的实现 通过for in实现
var user1 = {
name: "小明",
age: 30,
height: 1.9
};
var user2 = {};
for (var i in user1) {
user2[i] = user1[i]; //user[i]输出的是每一个值,将user1的每一个值赋予给user2对象
}
console.log(user2) //{name: "小明", age: 30, height: 1.9} // 浅拷贝 通过Object.assign({}, 对象1, 对象2);
// 这一种浅拷贝方式类似于jquery的$.extend({}, 对象1, 对象2)
var obj1 = {
name: "小明",
age: 13
};
var obj2 = {
name: "大王",
tel: 18456888
};
var obj = Object.assign({}, obj1, obj2);
console.log(obj) //{name: "大王", age: 13, tel: 18456888}
// 我们发现这一种方式,相同的key值后一个会覆盖前一个的key值, //浅拷贝只拷贝对象的一层,如果对象的属性还是对象,那么user3和user4这两个对象对应的值都会发生改变
var user3={name:"小明",age:18, deMent:{bumen:"市场部",no:"001"}}
var user4={};
for(var i in user3){
user4[i]=user3[i];
}
user4.age=80; //这个值 不会互相影响改变
user4.deMent.bumen="策划部"; //这个值 会互相影响改变 console.log(user3); //输出 {name: "小明", age: 18,deMent:{bumen: "策划部", no: "001"} } console.log(user4); //{name: "小明", age: 80,deMent: {bumen: "策划部", no: "001"}}