javascript 深拷贝详解（多版本深拷贝）

最新推荐文章于 2024-09-29 08:24:05 发布

Novice-XiaoSong

最新推荐文章于 2024-09-29 08:24:05 发布

阅读量232

点赞数

分类专栏： Javascript 手写文章标签：深拷贝 symbol descriptor DFS BFS

本文链接：https://blog.csdn.net/SJ1551/article/details/103073010

版权

本文详细探讨了JavaScript中的深拷贝问题，从简单对象到复杂对象的深拷贝，包括处理函数、Symbol以及描述符。还进一步讨论了如何处理含有回路的对象，分别介绍了基于深度优先搜索（DFS）和广度优先搜索（BFS）的两种方法，重点解析了BFS版深拷贝中队列数据结构的设计和更新策略。

摘要由CSDN通过智能技术生成

一、简单对象的深拷贝

简单对象

不含函数

不含Symbol

无需拷贝 descriptor(描述符)

无回路

let newObj = JSON.parse(JSON.stringify(obj));

二、较复杂对象的深拷贝

较复杂对象：

包含函数

不含Symbol

无需拷贝 descriptor(描述符)

无回路

let deepCopy = function(_obj){
   
	/**
	 * 对较复杂对象进行深拷贝（递归拷贝）
	 */
	let result = Array.isArray(_obj)? []: {
   };
	for(let key in _obj){
   
		if(typeof _obj[key] === 'object'){
   
			result[key] = deepCopy(_obj[key]);
		}
		else{
   
			result[key] = _obj[key];
		}
	}
	return result;
}

三、更复杂对象的DFS深拷贝：

更复杂对象：

包含函数

包含Symbol

需拷贝 descriptor(描述符)

无回路

let deepCopy = function(_obj){
   
	/**
	 * 更复杂对象的深拷贝
	 * 1. 借助Object.getOwnPropertyDescriptors(o) 可以获得所有的属性描述符
	 * 2. 借助Object.defineProperties(o, descriptors) 可以设置对象的多个属性描述符
	 * 3. 借助Reflect.ownKeys(o) 可以获取对象的所有本地属性（包