ES6深拷贝和浅拷贝

浅拷贝

利用迭代器，循环对象将对象中的所有可枚举属性复制到另一个对象上，但是浅拷贝的有一个问题就是只是拷贝了对象的一级，其他级还如果是引用类型的值的话依旧解决不了

• Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 

const object1 = {
  a: 1,
  b: 2,
  c: 3
};
 
const object2 = Object.assign({c: 4, d: 5}, object1);
console.log(object2);  //Object2 { c: 3, d: 5, a: 1, b: 2 }
 

 
// 这是浅拷贝，返回的不是一个新对象，而是把一个或多个源对象添加到目标对象

• 解构赋值

//这也是浅拷贝
let object1 = {
  a: 1,
  b: 2,
  c: 3
};
 
let object2 = {...object1};
object1.a=11;
 
console.log(object2); //Object2 { a: 11, b: 2, c: 3 }

 

 

深拷贝

深拷贝解决了浅拷贝的问题，利用递归的形势便利对象的每一级，实现起来较为复杂，得判断值是数组还是对象；

• 最简单的深拷贝(JSON.stringify() 和JSON.parse())

• 先把对象使用JSON.stringify()转为字符串，再赋值给另外一个变量，然后使用JSON.parse()转回来即可。

• 
  let object1 = {
    a: 1,
    b: 2,
    c: 3
  };
   
  let object2 =JSON.parse( JSON.stringify(object1));
  object2.a=11;
   
  console.log(object1,object2); //Object1 { a: 1, b: 2, c: 3 } Object2 { a: 11, b: 2, c: 3 }