解决改变新对象的值会影响原对象值（如何进行深拷贝）

问题：在项目中经常会遇到将一个数据的值拷贝复制给另一个数据，会出现一个对象赋值给另一个对象后，新对象的值更改原对象的参数值随之变化（即改变新对象的值会影响原对象值），但是这里不希望原对象数据发生改变

原因：这里的赋值分为两种

浅拷贝的原始对象的属性的值如果是基本数据类型，直接复制一份给一个新的对象，修改新对象的基本类型值原始对象不会发生改变。
如果属性的值是引用类型复制的是子对象的引用地址，修改引用类型的值，原始对象的属性值会发生改变，需要进行深拷贝。
深拷贝完全就是重新复制一份新的对象，是独立的内存空间，修改一个，不会影响另一个。

解决方法：

方法一：obj2=JSON.parse(JSON.stringify(obj1))

方法二：es6中的Object.assign()：obj2=Object.assign({},obj1)

注：

Object.assign()方法有不足之处，Object.assign()只是让对象里第一层的数据没有了关联性，适用于只有一层数据的对象。但是对象内如果嵌套对象则跟被复制的对象有着关联性的，即当修改更深层的值时，原对象也会跟着发生了变化

方法三：使用递归的方式进行对象（数组）的深拷贝，自定义工具库之深克隆(推荐)

//deepclone.js
export function deepClone(obj) {
  let objClone = Array.isArray(obj) ? [] : {}
  if (obj && typeof obj === 'object') {
    for (var key in obj) {
      if (obj.hasOwnProperty(key)) {
        //判断ojb子元素是否为对象，如果是，递归复制
        if (obj[key] && typeof obj[key] === 'object') {
          objClone[key] = deepClone(obj[key])
        } else {
          //如果不是，简单复制
          objClone[key] = obj[key]
        }
      }
    }
  }
  return objClone
}

使用

import { deepClone } from '@/utils/deepclone'

let obj2 = deepClone(obj1)