JS常见坑：对象赋值会影响原对象

• 现象：直接用=的方式把一个对象赋值给另一个对象，会导致修改新对象时，原对象也发生变化

  var obj1 = {'name': '1111'};
  var obj2 = obj1;
  obj2.name = '2222';
  console.log(obj1.name); //'2222'

• 原因：JavaScript 中对象的赋值是默认引用赋值的（两个对象指向相同的内存地址）
• 解决方法: JSON.parse(JSON.stringify(obj))

1. 通过 Object.assign() 赋值

   // 使用 Object.assign() 方法复制对象
   let obj1 = { a: 0 , b: { c: 0}};
   let obj2 = Object.assign({}, obj1);
   console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}}
   
   obj2.a = 2;
   console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}}
   console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 0}}
   
   obj2.b.c = 3;
   console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 3}}
   console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 3}}

2. 此方法也有不足之处：当修改obj2.b.c的值时，原对象obj1.b.c也跟着发生了变化，Object.assign()只是让对象里第一层的数据没有了关联性，但是对象内的对象则跟被复制的对象有着关联性的。

3. 终极解决方案：JSON.parse(JSON.stringify(obj))

      var function cloneObjectFn (obj){ // 对象复制
          return JSON.parse(JSON.stringify(obj))
      }
   
      var obj1={a:2,b{c:0}}
      var obj2=cloneObjectFn(obj1)
      console.log(obj2)    // {a:2,b{c:0}}

4. 可用用第三方提供的深拷贝方法，比如之前写angularJS的时候用angular.copy()，现在常用的是lodash.cloneDeep()，当然类似方法还有很多，符合自己习惯就好

• 更多详细内容请参考：https://www.cnblogs.com/c2016...