js--深拷贝与浅拷贝

对象：只针对于Object和Array这样的引用数据类型

说明：浅拷贝只复制指向某个对象的指针，而不是复制对象的本身，新旧对象还是共享一块内存。但深拷贝会另外创造一个一模一样的对象，新的对象跟原对象不共享内存，修改新对象不会改到原对象。

赋值与深浅拷贝的区别：

　　

实现：

　　浅拷贝：

　　　　1.Object.assign()

　　　　　　Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。但是 Object.assign() 进行的是浅拷贝，拷贝的是对象的属性的引用，而不是对象本身。

　　　　　　注意：当object只有一层的时候，是深拷贝

　　　　2.Array.prototype.concat()

　　　　3.Array.prototype.slice()　　　　

　　　　关于Array的slice和concat方法的补充说明：Array的slice和concat方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。

　　　　原数组的元素会按照下述规则拷贝：

　　　　　　如果该元素是个对象引用(不是实际的对象)，slice 会拷贝这个对象引用到新的数组里。两个对象引用都引用了同一个对象。如果被引用的对象发生改变，则新的和原来的数组中的这个元素也会发生改变。

　　　　　　对于字符串、数字及布尔值来说（不是 String、Number 或者 Boolean 对象），slice 会拷贝这些值到新的数组里。在别的数组里修改这些字符串或数字或是布尔值，将不会影响另一个数组。

　　深拷贝：

　　　　1.JSON.parse(JSON.stringify())

　　　　　　原理： 用JSON.stringify将对象转成JSON字符串，再用JSON.parse()把字符串解析成对象，一去一来，新的对象产生了，而且对象会开辟新的栈，实现深拷贝。

　　　　　　这种方法虽然可以实现数组或对象深拷贝，但不能处理函数。

　　　　　　这是因为 JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，不能接受函数。

　　　　2.手写递归方法

　　　　　　递归方法实现深度克隆原理：遍历对象、数组直到里边都是基本数据类型，然后再去复制，就是深度拷贝。

　　　　　　ex:　　　　

1. 1. 　　//定义检测数据类型的功能函数

   2.    　　function checkedType(target) {

   3.      　　return Object.prototype.toString.call(target).slice(8, -1)

   4.    　　}

   5.    　　//实现深度克隆---对象/数组

   6.    　　function clone(target) {

   7.      　　//判断拷贝的数据类型

   8.      　　//初始化变量result 成为最终克隆的数据

   9.      　　let result, targetType = checkedType(target)

   10.      　　if (targetType === 'object') {

   11.        　　result = {}

   12.      　　} else if (targetType === 'Array') {

   13.        　　result = []

   14.      　　} else {

   15.        　　return target

   16.      　　}

   17.      　　//遍历目标数据

   18.      　　for (let i in target) {

   19.        　　//获取遍历数据结构的每一项值。

   20.       　　 let value = target[i]

   21. 　　       //判断目标结构里的每一值是否存在对象/数组

   22.     　　   if (checkedType(value) === 'Object' ||

   23.    　　      checkedType(value) === 'Array') { //对象/数组里嵌套了对象/数组

   24.    　　      //继续遍历获取到value值

   25.    　　      result[i] = clone(value)

   26.    　　    } else { //获取到value值是基本的数据类型或者是函数。

   27.   　　       result[i] = value;

   28.   　　     }

   29.   　　   }

   30.   　　   return result

   31.   　　 }

　　　　3.函数库lodash

　　　　　　该函数库也有提供 _.cloneDeep 用来做 Deep Copy。