Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
如何实现一个JavaScript的深拷贝函数,需要考虑哪些边界情况?_创想鸟

如何实现一个JavaScript的深拷贝函数,需要考虑哪些边界情况?

答案:实现可靠的深拷贝需处理循环引用、特殊对象、不可枚举属性等边界情况。使用 WeakMap 避免溢出,区分 Date、RegExp、Map、Set 等类型并递归复制,结合 Object.getOwnPropertyNames 与 getOwnPropertySymbols 获取所有键,通过 hasOwnProperty 过滤原型属性,基本类型和函数直接返回。示例函数覆盖主流场景,相比 JSON 方法更完整,但性能受递归深度影响,细节处理决定可靠性。

如何实现一个javascript的深拷贝函数,需要考虑哪些边界情况?

实现一个可靠的 JavaScript 深拷贝函数,核心是递归复制对象的每个属性,并正确处理各种特殊类型。最基础的做法是判断值的类型,对对象和数组进行递归复制,其他类型直接返回。但要真正健壮,必须覆盖多种边界情况。

需要考虑的关键边界情况

1. 循环引用:对象属性间接或直接引用自身,递归会导致栈溢出。解决方案是使用 WeakMap 记录已访问的对象,避免重复处理。
2. 特殊对象类型:Date、RegExp、Error 等内置对象不能简单遍历属性。例如 Date 应用 new Date(value) 复制,RegExp 需保留 flags 和 source。
3. 不可枚举属性和 Symbol 键:for…in 只能遍历可枚举属性。需结合 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 获取全部键。
4. 原型链上的属性:深拷贝通常只复制实例属性,不复制原型属性。使用 hasOwnProperty 判断可确保这一点。
5. null 和基本类型:null 会被 typeof 判断为 “object”,需单独处理。基本类型(字符串、数字等)直接返回即可。
6. 函数:函数通常不需要“拷贝”,直接返回原引用。若需复制,只能返回原函数,因为无法还原函数体和作用域
7. Map 和 Set:这些集合类型需特殊处理。Map 要遍历键值对并递归复制,Set 要逐个添加复制后的值。

一个简化的深拷贝实现示例

以下代码覆盖大部分常见情况:

function deepClone(obj, seen = new WeakMap()) {
  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 (seen.has(obj)) return seen.get(obj);

  let clone;
  if (obj instanceof Map) {
    clone = new Map();
    seen.set(obj, clone);
    for (let [key, value] of obj) {
      clone.set(deepClone(key, seen), deepClone(value, seen));
    }
  } else if (obj instanceof Set) {
    clone = new Set();
    seen.set(obj, clone);
    for (let value of obj) {
      clone.add(deepClone(value, seen));
    }
  } else {
    const isArr = Array.isArray(obj);
    clone = isArr ? [] : {};
    seen.set(obj, clone);

    const keys = Object.keys(obj).concat(Object.getOwnPropertySymbols(obj));
    for (let key of keys) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) {
        clone[key] = deepClone(obj[key], seen);
      }
    }
  }
  return clone;
}

性能与限制

JSON.parse(JSON.stringify()) 方法虽然简洁,但会丢失函数、undefined、Symbol、循环引用,并且无法处理 BigInt 和日期对象。自定义 deepClone 更灵活,但递归深度大时可能影响性能。实际使用中可根据场景选择方案,大多数情况下上述实现已足够可靠。

基本上就这些,写深拷贝关键是理清类型差异和引用关系,细节决定成败。

以上就是如何实现一个JavaScript的深拷贝函数,需要考虑哪些边界情况?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1524024.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何实现一个JavaScript的测试框架(如Mocha或Jest的核心)?
上一篇 2025年12月20日 16:26:24
解决GPT-3.5 API生成无关代码的问题:优化模型选择与提示工程
下一篇 2025年12月20日 16:26:31

相关推荐

  • 递归实现列表排序检查与条件移除最大值

    本文详细介绍了如何使用Java递归方法处理整数列表。核心内容包括:首先检查列表是否已排序,如果已排序则直接返回false;如果未排序,则查找列表中的最大值。仅当最大值位于列表的起始或结束位置时,才将其移除并递归地继续处理列表。如果最大值位于列表中间,则打印当前列表并终止递归。 在数据处理和算法设计中…

    2026年9月22日
    000
  • VSCode如何实现代码可视化调试 VSCode执行流程图形化分析方法

    vscode的可视化调试功能通过内置调试器和扩展生态,显著提升代码理解与问题排查效率。1. 首先配置launch.json文件以定义调试环境,支持多种语言如node.js、python等;2. 在代码中设置断点,程序运行至断点时暂停,便于检查变量状态和执行上下文;3. 利用调试面板查看变量、监视表达…

    2026年9月22日
    000
  • 燕云十六声新门派墨山道介绍

    燕云十六声新门派墨山道介绍燕云十六声新门派墨山道介绍燕云十六声新门派墨山道介绍燕云十六声新门派墨山道介绍

    《燕云十六声》江湖风云再起!每次新门派登场都能掀起热潮,这次也不例外。官方已正式官宣,全新门派墨山道将于9月26日霸气上线!它带着全新玩法机制强势来袭,瞬间点燃玩家期待。今日官方再发公告确认,究竟墨山道有何独特魅力?快随我一起一探究竟! 燕云十六声新门派墨山道介绍 山在云中匿,城在山中隐。清河以北,…

    2026年9月22日 用户投稿
    000
  • VS Code中Dockerized PHP项目:解决PHP版本冲突的教程

    本教程旨在解决在VS Code中开发Dockerized PHP项目时,VS Code默认识别宿主机PHP版本而非容器内PHP版本的问题。核心解决方案是利用VS Code的Remote – Containers扩展,实现直接在Docker容器内部进行代码开发,从而确保VS Code及其所…

    2026年9月22日
    200
  • UC浏览器为什么无法登录某些网站账号_UC浏览器部分网站无法登录原因及对策

    首先关闭广告过滤功能,清除缓存与Cookie,关闭云端加速,切换网络或DNS,最后尝试桌面模式或其他浏览器解决UC浏览器登录无响应问题。 如果您尝试在UC浏览器中登录某个网站账号,但页面无响应或提示错误,则可能是由于浏览器的安全策略、缓存问题或设置限制导致无法正常加载登录界面。以下是解决此问题的步骤…

    2026年9月22日
    100
  • 优化Spring Boot应用:构建高效通用的DTO与实体映射服务

    本文旨在解决Spring Boot项目中DTO与实体间重复映射的痛点。通过引入一个基于泛型的抽象服务层,结合ModelMapper工具,我们展示了如何构建一个类型安全、可重用的通用映射机制。此方案显著减少了样板代码,提升了代码的可维护性和开发效率,避免了手动类型转换的繁琐与潜在错误。 在构建基于sp…

    2026年9月22日
    100
  • MySQL字段映射表自动生成方案_Sublime一键导出JSON与结构化模板

    MySQL字段映射表自动生成方案_Sublime一键导出JSON与结构化模板MySQL字段映射表自动生成方案_Sublime一键导出JSON与结构化模板MySQL字段映射表自动生成方案_Sublime一键导出JSON与结构化模板MySQL字段映射表自动生成方案_Sublime一键导出JSON与结构化模板

    如何利用sublime text插件提升mysql字段映射表生成效率?1. 插件通过自动化提取sql语句中的表结构信息,减少手动操作;2. 支持一键导出为json或结构化模板(如markdown、html表格),提升开发效率;3. 利用sublime text的python插件机制,实现快速集成与执…

    2026年9月22日 用户投稿
    000
  • PHP each() 函数的替代方案:自定义实现与常见错误修正

    本文探讨了PHP中已废弃的each()函数的替代方案。针对常见的自定义实现,如myEach(),文章详细指出了其在返回数组结构中常犯的错误,并提供了正确的代码示例,以确保替代函数能够模拟each()的预期行为,帮助开发者编写更健壮、兼容未来的PHP代码。 理解 each() 函数及其废弃背景 在PH…

    2026年9月22日
    000
  • Java中递归处理列表:条件性移除最大值策略与实现

    本教程深入探讨了如何在Java中使用递归方法,根据特定条件(如列表是否已排序、最大值是否位于列表的首尾)来移除列表中的最大值。文章将详细阐述如何设计一个高效的递归算法,包括排序检查、最大值定位以及条件性移除的实现细节,并提供完整的代码示例和注意事项,帮助读者掌握递归在复杂列表操作中的应用。 引言:递…

    2026年9月22日
    000
  • 解决PHP应用中本地文件更新后网页视图不刷新的缓存问题

    本文探讨了PHP应用中,本地JSON或图片文件更新后,网页视图无法实时刷新的常见问题。核心原因在于浏览器缓存机制。文章将提供多种解决方案,包括强制刷新、隐身模式诊断、以及通过URL参数、服务器配置(.htaccess)和文件版本控制来有效管理缓存,确保用户始终获取最新数据。 理解问题:本地文件更新与…

    2026年9月22日
    200
  • Java Stream API:从嵌套集合中提取唯一值的高效实践

    本文深入探讨如何利用Java Stream API,从包含嵌套集合的对象列表中高效地提取唯一的字符串值。我们将重点介绍flatMap()和mapMulti()这两种强大的流操作,演示它们如何替代传统的嵌套循环,从而实现代码的简洁性、可读性以及潜在的性能优化。 在java应用开发中,我们经常会遇到处理…

    2026年9月22日
    100
  • 使用Java Selenium验证表格数据排序:金额列的升序与降序检查

    本教程详细介绍了如何利用Java Selenium WebDriver验证网页表格中金额列的排序功能。文章涵盖了从环境配置、登录应用到数据提取、清洗、数值转换,再到实现表格数据(特别是金额数据)的升序或降序验证的完整流程。通过示例代码,演示了如何获取页面元素、处理文本数据,并使用JUnit进行断言,…

    2026年9月22日
    100
  • 解决Spring Boot Actuator升级后Tomcat指标缺失问题

    本文旨在解决Spring Boot Actuator升级至2.7.0及更高版本后,部分Tomcat指标(如tomcat.cache.access、tomcat.global.error)在MetricsEndpoint中缺失的问题。通过在application.properties中配置server…

    2026年9月22日
    600
  • Laravel 8 登录后重定向到仪表盘:完整教程

    本教程详细阐述了在 Laravel 8 中实现用户登录后重定向到仪表盘的多种方法。我们将探讨 Laravel 默认的重定向机制、如何正确配置仪表盘路由及其中间件,并提供通过自定义 LoginController 实现精确重定向的示例代码。通过本文,您将全面掌握 Laravel 认证后的重定向流程,并…

    2026年9月22日
    500
  • Java Collections.sort与Collections.reverse的使用区别

    Collections.sort用于排序,基于元素值比较,结果有序,默认升序,可自定义规则;2. Collections.reverse仅反转列表顺序,不比较元素,时间复杂度O(n);3. 两者功能不同,不可替代,按需选择使用。 Java 中 Collections.sort 和 Collectio…

    2026年9月21日
    200
  • Bun 1.3 正式发布

    2025年10月10日,高性能 javascript 运行时 bun 发布了 1.3 版本。这是 bun 项目迄今为止最重大的版本更新,标志着 bun 从单纯的运行时工具演变为一个功能完备的全栈 javascript 开发平台。 从运行时到全栈平台的跨越 Bun 1.3 的核心突破在于将前端开发能力…

    2026年9月21日
    100
  • Java中多态的基本实现方法

    多态允许同一接口调用不同实现,通过继承与方法重写实现。1. 子类重写父类方法,如Animal的makeSound被Dog和Cat重写;2. 父类引用指向子类对象,运行时动态绑定,如Animal myPet = new Dog()调用Woof;3. 方法参数使用父类类型,提升代码复用,如playWit…

    2026年9月21日
    100
  • safari浏览器如何设置链接在新窗口而不是新标签页打开_safari浏览器链接新窗口打开设置

    通过快捷键或第三方扩展可实现Safari中链接在新窗口打开:1. 按住Command键点击链接可临时在新窗口打开;2. 使用AppleScript脚本通过“自动操作”创建快速操作以新建Safari窗口;3. 网站自身代码如window.open()会强制新窗口打开;4. 安装可信扩展如“Link i…

    2026年9月21日
    100
  • Hibernate Search嵌入式对象索引策略与常见问题解决

    本文探讨了在使用Hibernate Search对关联或嵌入式对象进行索引时遇到的常见问题,特别是@IndexedEmbedded与includePaths属性的结合使用。通过分析HSEARCH000216错误,揭示了嵌入式对象属性需要显式@Field注解才能被主实体索引的机制,并提供了具体的代码示…

    2026年9月21日
    200
  • 在Java中如何实现对象的唯一标识

    答案:Java中实现对象唯一标识主要有四种方式:1. 使用UUID生成全局唯一ID,适用于无数据库或分布式场景;2. 利用数据库自增主键,通过JPA的@Id和@GeneratedValue实现持久化唯一性;3. 重写equals与hashCode方法,基于不可变业务字段保证逻辑唯一;4. 采用Sno…

    2026年9月21日
    100

发表回复

登录后才能评论
关注微信