讲师中心 微信公众号
AI工具推荐 视频效率加速

在JavaScript中,如何实现深拷贝并处理循环引用问题?

轻瑶同学_5768

轻瑶同学_5768

发布时间:2025-09-26 13:29:01

|

570人浏览过

|

来源于php中文网

原创

答案:使用WeakMap记录对象引用可有效实现带循环引用处理的深拷贝。通过判断基础类型、特殊对象(Date、RegExp)并递归复制属性,同时用WeakMap缓存已访问对象,避免重复克隆,确保自引用和相互引用正确复制,保持原对象结构完整性。

在javascript中,如何实现深拷贝并处理循环引用问题?

在JavaScript中实现深拷贝并处理循环引用,关键在于跟踪已访问的对象,避免无限递归。最有效的方式是使用 WeakMap 来记录对象引用关系。

基本思路:使用 WeakMap 记录引用

深拷贝过程中,如果遇到之前已经处理过的对象,直接返回对应的拷贝结果,从而打破循环。WeakMap 是理想选择,因为它不会阻止垃圾回收,适合做弱引用缓存。

Java注释规范Skills
Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

手动实现带循环引用处理的深拷贝

以下是一个完整的 deepClone 函数实现:

function deepClone(obj, visited = new WeakMap()) {
  // 基础类型或 null
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }

  // 处理日期对象
  if (obj instanceof Date) {
    return new Date(obj);
  }

  // 处理正则表达式
  if (obj instanceof RegExp) {
    return new RegExp(obj);
  }

  // 检查是否已克隆过该对象
  if (visited.has(obj)) {
    return visited.get(obj);
  }

  // 创建新对象(保留原构造函数,如 Array)
  const clone = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj));
  
  // 记录当前对象与其克隆的映射
  visited.set(obj, clone);

  // 递归拷贝所有可枚举属性
  for (let key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      clone[key] = deepClone(obj[key], visited);
    }
  }

  return clone;
}
  

测试循环引用场景

验证该函数能否正确处理自引用或相互引用的对象:

// 构造循环引用对象
const a = { name: 'Alice' };
a.self = a;
const b = { user: a };
a.friend = b;

const clonedA = deepClone(a);
console.log(clonedA === clonedA.self); // true,自引用被正确复制
console.log(clonedA.friend.user === clonedA); // true,循环关系保持
  

基本上就这些。这个实现覆盖了常见类型和循环引用,适用于大多数场景。注意,它不处理 Symbol 属性、不可枚举属性或特殊对象如 Map/Set(如需支持,可扩展逻辑)。WeakMap 的使用确保了内存安全,避免泄露。

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

610

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

343

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

533

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

303

2025.11.27

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

40

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

20

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

20

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

0

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

20

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
OpenClaw
OpenClaw

共0课时 | 0人学习

尚学堂ios初级视频教程
尚学堂ios初级视频教程

共77课时 | 21.3万人学习

WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn