在日常开发中，偶尔会遇到需要复制对象的情况，需要进行对象的复制。
由于现在流行标题党，所以，一文带你了解js数据储存及深复制（深拷贝）与浅复制(浅拷贝)
理解首先就需要理解 js 中的数据类型了
js 数据类型包含
基础类型:String、Number、 null、undefined、Boolean以及ES6引入的Symbol、es10中的BigInt
引用类型:Object
由于 js 对变量的储存是栈内存、堆内存完成的。
基础类型将数据保存在栈内存中
引用类型将数据保存在堆内存中
由于 js 在数据读取和写入的时候，对基础类型是直接读写栈内存中的数据，引用类型是将一个内存地址保存在栈内存中，读写都是修改栈内存中，指向堆内存的地址
以如下代码为例
let obj = { a:1, arr:[1,3,5,7,9], b:2, c:{ num:100 } } let num = 10在内存中的表现为
我们声明个obj1
let obj1 = obj; console.log(obj1 == obj);//true因为这个赋值，把内存变成了这样
然后，内存中只是给js栈内存新增了一个指向堆内存的地址而已，这种就叫做浅复制。因为如图可以看到，如果我们修改obj.a的话，实际修改的是堆内存0x88888888中的变量a，由于obj1也指向这个地址，所以obj1.a也被修改了
深复制是指，不单单复制引用地址，连堆内存都复制一遍，使obj和obj1不指向同一个地址。
代码分开来看深复制与浅复制
浅复制由上述图可知，浅复制只是复制第一层，也就是，基本类型复制新值，引用类型复制引用地址
浅复制可以使用的方案有循环赋值、扩展运算符、object.assign(),
let obj = { a:1, arr:[1,3,5,7,9], b:2, c:{ num:100 } } function clone1(obj){ // 使用循环赋值 let b = {}; for(let key in obj){ b[key] = obj[key] } return b } function clone2(obj){ // 使用扩展运算符 let b = { ...obj }; return b } function clone3(obj){ // 使用object.assign() let b = {}; Object.assign(b,obj) return b } let obj1 = clone1(obj); let obj2 = clone2(obj); let obj3 = clone3(obj); console.log(obj1 === obj); //false 代表复制成功了 console.log(obj2 === obj); //false 代表复制成功了 console.log(obj3 === obj); //false 代表复制成功了 console.log('obj0.c.num修改前',obj.c.num); //100 console.log('obj1.c.num修改前',obj1.c.num); //100 console.log('obj2.c.num修改前',obj2.c.num); //100 console.log('obj3.c.num修改前',obj3.c.num); //100 obj0.c.num = 555; console.log('obj0.c.num修改后',obj.c.num); //555 console.log('obj1.c.num修改后',obj1.c.num); //555 console.log('obj2.c.num修改后',obj2.c.num); //555 console.log('obj3.c.num修改后',obj3.c.num); //555由于是浅复制，所以引用类型只是复制了内存地址，修改其中一个对象的子属性后，引用这个地址的值都会被修改。
深复制由于浅复制只是复制第一层，为了解决引用类型的复制，需要使用深复制来完成对象的复制，基本类型复制新值，引用类型开辟新的堆内存。
浅复制可以使用的方案有JSON.parse(JSON.stringify(obj))、循环赋值。
JSON.parse(JSON.stringify(obj)) let obj = { a:1, arr:[1,3,5,7,9], c:{ num:100 }, fn:function(){ console.log(1) }, date:new Date(), reg:/\.*/g } function clone1(obj){ // 使用JSON.parse(JSON.stringify(obj)) return JSON.parse(JSON.stringify(obj)) } let obj1 = clone1(obj); console.log(obj === obj1); //false 代表复制成功了 obj.c.num = 555; console.log(obj.c.num,obj1.c.num) // 555,100看起来是复制成功了！！~地址也变了，修改obj,obj1的引用地址不会跟着变化。
但是我们来console一下obj以及obj1
console.log(obj) console.log(obj1)似乎发现了离奇的事情，只有obj.a以及obj.c正确的复制了，日期类型、方法、正则表达式均没有复制成功，发生了一些奇怪的事情
循环赋值 deepClone那么为了解决这种事情，就需要写一个deepClone方法来完成深复制了，参考了许多开源库的写法，将所有的复制项单独拆出，方便未来对特殊类型进行扩展，也防止不同功能间的变量互相干扰
//既然是深复制，一定要传入一个object，再return 一个新的 Object function deepClone(obj){ let newObj; if(obj instanceof Array){ // 数组的话，要new一个数组 newObj = [] }else if(obj instanceof Object){ // 对象的话，要new一个对象 newObj = {} } if(obj === null) { return cloneNull(obj) } if(typeof obj=='function'){ return cloneFunction(obj) } if(typeof obj!='object') { return cloneOther(obj) } if(obj instanceof RegExp) { return cloneRegExp(obj) } if(obj instanceof Date){ return cloneDate(obj) } if(obj instanceof Array){ for(let index in obj){ newObj[index] = deepClone(obj[index]); // 对数组子项进行复制 } } if(obj instanceof Object){ for(let key in obj){ newObj[key] = deepClone(obj[key]); // 对对象子项进行复制 } } return newObj; } function cloneNull(obj){ // 复制NULL return obj } function cloneFunction(obj){ // 复制方法， //这个方法待完善，暂时未找到能够完美复制function的方案，如果有方案，望指出 return obj } function cloneOther(obj){ // 复制非对象的数据 return obj } function cloneRegExp(obj){ // 复制正则对象 return new RegExp(obj) } function cloneDate(obj){ // 复制日期对象 return new Date(obj) }