js深拷贝与浅拷贝

js的浅拷贝与深拷贝

js对象有浅拷贝和深拷贝之分。具体区别是：

.浅拷贝
如果对象内部仍旧是对象，那么原对象如果对内部对象做了修改，拷贝后的对象也会一起改变。
例如： var a=[{a:1,b:{d:1}},1,2]
var t=a.slice(0,2);
此时如果修改a[0]内a的值为1，则t对象内对应a属性的值也为1
官方提供的操作数组的一些方法都是浅拷贝：concat,splice(),[…a]等
Object.assign()也属于浅拷贝。
原因是对象的类型为引用类型，内存中存的只是他的引用，浅拷贝也只拷贝了这个引用，原本对象的属性地址仍旧没变。

.深拷贝的实现
深拷贝需要对内部对象也同样进行拷贝，即把对应内部对象放到新对象的对应属性下。
1.先使用json.stringfy然后在json.parse,需要注意的是，如果内部存在function，将会被直接扔掉，有正则表达式时或null时也会存在问题。
2.通用的深拷贝方法实现
原理：判断数据类型，如果数据类型为对象但是不是null时，进入递归，一层一层对应拷贝
代码片.

// An highlighted block
function deepCopy(obj, res = {}) { 
  Object.keys(obj).map(function (item) { //遍历对象的key
    if (typeof obj[item] != "object" && obj[item] !=null) {//判断类型
       res[item] = obj[item] } 
else { 
  res[item] = {}//用于存放内部对象
   return deepCopy(obj[item],res[item])//开始递归
 } 
 }
 )
 return res
}