一、直接赋值

赋值：当我们把一个对象赋值给一个新的变量时，赋的其实是该对象在栈中的引用地址，而不是堆中的数据。两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

//1.直接赋值
				const Obj={
					name:'赋值',
					num:18
				}

				//赋值
				const myObj = Obj
				console.log('Obj:',Obj,'myObj:',myObj)
				
				myObj.num=22
			  console.log('Obj:',Obj,'myObj:',myObj)

运行结果：

二、浅拷贝

浅拷贝：浅拷贝是指，一个新的对象对原始对象的属性值进行精确地拷贝，如果拷贝的是原始数据类型，拷贝的就是原始数据类型的值，如果是引用数据类型（如对象obj），拷贝的就是内存地址。

//2.浅拷贝
				const Obj={
					name:'浅拷贝',
					num:18,
					baby:{
						age:6,
						data:'子数据'
					}
				}
				//浅拷贝
				const myObj = {...Obj}
				// const myObj =Object.assign({}, Obj);
				
				myObj.num=22
				myObj.baby.age=11
				
				console.log('Obj:',Obj)
				console.log('myObj:',myObj)	

运行结果：

三、深拷贝（1）递归

//3.深拷贝
				 const Obj={
					name:'深拷贝',
					num:18,
					baby:{
						age:6,
						data:'子数据'
					}
				 }
				 
				 let myNew={}
				 
				 //深拷贝  (递归)
				 function deepCopy(newObj,oldObj){
					 for(k in oldObj){
						 //先判断数组再判断对象 
						 if(oldObj[k] instanceof Array){
							 newObj[k]=[]
							 deepCopy(newObj[k],oldObj[k])
						 }
             else if(oldObj[k] instanceof Object){
								newObj[k]={}
								deepCopy(newObj[k],oldObj[k])
						 }
  						else{
  								  newObj[k]=oldObj[k]
  							 }
						 }
				 }

    		//调用
				 deepCopy(myNew,Obj)
				  console.log('myNew',myNew);
				  console.log('Obj',Obj);
				
				//修改对象内的值 不在影响到旧数组
				myNew.baby.age=39
				console.log('myNew',myNew);
				console.log('Obj',Obj);

运行结果：

四、深拷贝 （2）JSON.parse(JSON.stringify())

将对象转换为JSON字符串形式，再将其转换为原生JS对象

//3.深拷贝
				 const Obj={
					name:'深拷贝',
					num:18,
					baby:{
						age:6,
						data:'子数据'
					}
				 }
				 
				 let myNew={}
				 
				  //2.深拷贝  JSON.parse(JSON.stringify())
				 myNew= JSON.parse(JSON.stringify(Obj))
				  console.log('myNew',myNew);
				  console.log('Obj',Obj);
				
				//修改对象内的值 不在影响到旧数组
				myNew.baby.age=39
				console.log('myNew',myNew);
				console.log('Obj',Obj);

五、深拷贝（3）引用 lodash 库的 _.cloneDeep()

实现方式：

#前端开发##程序员经验分享###深拷贝和浅拷贝区别是什么?##JS##JavaScript WEB前端开发#