深拷贝vs浅拷贝-CSDN博客

怎么解释深拷贝和浅拷贝？

简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。

常见的浅拷贝有哪些？

1. ...运算符

let obj={name:'jack',address:'shanghai'}
let o = {...obj};
obj.name = 'hello';
console.log(o); //=>{name: "jack", address: "shanghai"}

复制代码

这个看起来有点像深拷贝是不是？别急再来一点变化。

let obj={name:'jack',address:{city:'shanghai',num:1}}
let o = {...obj};
obj.name = 'hello';obj.address.city='beijing'
console.log(o); 
//{name: "jack", address:{city: "beijing",num: 1}}

复制代码

所以我们知道深拷贝不仅仅是一维不影响并且朵唯也不影响。所以...运算符是浅拷贝；

2.slice/concat 这两个方法和1是一样的一维的时候是深拷贝但是多维是浅拷贝

如果实现深拷贝？

1.Json.parse 和json.stringify();
功能不完整不能实现复杂的拷贝例如函数。
2.递归拷贝

function deepClone(obj){
	if(obj == null) return obj;
	if(obj instanceof Date) return new Date(obj);
	if(obj instanceof RegExp) return new RegExp(obj);
	if(typeof obj !=='object') rerurn obj;
	let cloneObj = new obj.constructor;
	//找到数组或者对象的原型；
	for(let key in obj){
	   if(obj.hasOwnPrototype(key){
	   //实现递归拷贝
	       cloneObj[key] = deepClone(obj[key]);
	   } 
	}
	return cloneObj;
	
}
let obj = {name:1,address:{name:'shanghai',num:1}};
复制代码