js——深拷贝和浅拷贝

深拷贝和浅拷贝

概念

浅拷贝

浅拷贝只是拷贝一层，更深层次的对象级别的只拷贝引用地址，

深拷贝

深拷贝会拷贝多层，每一级的数据都会拷贝

弊端

浅拷贝的弊端

浅拷贝只是拷贝了一层，而更深层次的对象级别的只拷贝了引用地址
所有当改变拷贝对象或者被拷贝对象的相同属性的时候，他们的相同属性会一起会改变

  id: 1,
  name: "章三",
  msg: {
    age: 18,
  },
};

var o = {};

// 方式一：const key in obj
for (const key in obj) {
  o[key] = obj[key];
}


// 方式二：Object.assign() 
// 建议使用 Es6 中新增的 Object.assign() 方法实现浅拷贝
Object.assign(o, obj);
obj.msg.age = 20;
console.log(obj);
console.log(o);

//方法三：...obj
const obj = {
  a: 1,
  goods: { name: '鞋', price: 199 }
}
const b = { ...obj }