JavaScript 手写实现深克隆

最新推荐文章于 2025-06-08 17:23:59 发布

靖凡无所畏惧

最新推荐文章于 2025-06-08 17:23:59 发布

阅读量604

点赞数

分类专栏： # 手写实现JavaScript 相关功能代码文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/weixin_47260056/article/details/123205010

版权

手写实现JavaScript 相关功能代码专栏收录该内容

7 篇文章

订阅专栏

本文探讨前端面试中常见的基础知识点——深克隆。通过提供的JavaScript代码示例，详细解释如何实现深克隆，包括处理日期、正则等特殊对象，并利用WeakMap解决循环引用问题。对于前端开发者来说，掌握深克隆是提升技能的重要一环。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言:

深克隆是前端面试的一个非常基础的知识点，一般要求大家能手写出来，现在分享给大家一下本人自己写的深克隆代码，希望对大家有所帮助！

代码：

const isComplexDataType = obj=> (typeof obj === 'object' && obj !== null);

function deepClone(obj,hash = new WeakMap()){
	if(obj.constructor === Date){
    return new Date(obj)       // 日期对象直接返回一个新的日期对象
  }
  if(obj.constructor === RegExp){
  	return new RegExp(obj)     //正则对象直接返回一个新的正则对象
  }
  // 如果循环引用了就用 weakMap 来解决
  if(hash.has(obj)){
  	return hash.get(obj);
  }
  let allDesc = Object.getOwnPropertyDescriptors(obj);
  // 遍历传入参数所有键特性
  let cloneObj = Object.create(Object.getPrototypeOf(obj),allDesc);
  
  hash.set(obj,cloneObj);
  
  for(let key of Reflect.ownKeys(obj)){
  	cloneObj[key] = (isComplexDataType(obj[key]) && typeof obj[key] !== 'function') ? deepClone(obj[key], hash) : obj[key]
  }
  return cloneObj
}