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内存管理机制_创想鸟

JavaScript深浅拷贝区别_JavaScript内存管理机制

深拷贝与浅拷贝的核心区别在于是否递归复制引用类型。浅拷贝仅复制对象第一层属性,对引用类型仍共享内存地址,导致修改嵌套对象时原对象受影响;深拷贝则递归复制所有层级,生成完全独立的对象副本,互不影响。该差异源于JavaScript的内存管理机制:原始类型存于栈中,直接复制值;引用类型存于堆中,变量保存指针。浅拷贝复制指针,造成多对象共用同一堆内存,可能阻碍垃圾回收;深拷贝在堆中新建对象,切断关联。常见浅拷贝方式有Object.assign、扩展运算符;深拷贝可用JSON.parse(JSON.stringify())(有限制)、structuredClone()或Lodash的cloneDeep()。在状态管理等场景中,深拷贝可避免数据污染,但性能成本更高,需合理权衡使用。

javascript深浅拷贝区别_javascript内存管理机制

JavaScript中的深拷贝和浅拷贝主要区别在于复制对象时是否递归复制其内部引用的其他对象。这个区别与JavaScript的内存管理机制密切相关,理解它们有助于避免数据意外修改和内存泄漏。

浅拷贝:只复制第一层属性

浅拷贝创建一个新对象,将原对象的各属性依次复制过来,但如果属性是引用类型(如对象、数组),则复制的是其引用地址,而不是创建新的对象。这意味着新旧对象中的嵌套对象仍然指向同一块内存空间。

常见实现方式包括:

Object.assign({}, obj) 扩展运算符 {…obj} Array.prototype.slice() 或 Array.from()(针对数组)

例如:

立即学习“Java免费学习笔记(深入)”;

const original = { name: ‘Alice’, info: { age: 25 } };
const copy = Object.assign({}, original);
copy.info.age = 30;
console.log(original.info.age); // 30 — 原对象也被修改

深拷贝:完全独立的副本

深拷贝会递归复制对象的所有层级,包括所有嵌套的引用类型,确保新对象与原对象在内存中完全独立。修改其中一个不会影响另一个。

实现方式有多种:

JSON方法:JSON.parse(JSON.stringify(obj)) — 简单但有限制(不能处理函数、undefined、Symbol、循环引用等) 递归遍历:手动实现,可处理复杂类型 结构化克隆:使用浏览器的 structuredClone() API(现代环境支持) 第三方库:如 Lodash 的 _.cloneDeep()

示例:

const original = { name: ‘Bob’, settings: { theme: ‘dark’ } };
const deepCopy = structuredClone(original);
deepCopy.settings.theme = ‘light’;
console.log(original.settings.theme); // ‘dark’ — 不受影响

JavaScript内存管理机制的影响

JavaScript使用自动垃圾回收机制(GC),对象在堆内存中分配,当没有引用指向时会被自动清理。浅拷贝由于共享引用,可能导致本应释放的对象仍被持有,从而延迟回收。

关键点:

原始类型(number、string、boolean等)存储在栈中,直接赋值即复制值 引用类型存储在堆中,变量保存的是指向堆内存的指针 浅拷贝复制指针,导致多个对象共享同一堆内存 深拷贝在堆中创建新对象,切断引用关联

因此,在处理复杂数据结构或状态管理(如React、Vuex)时,深拷贝能避免副作用,但也带来性能开销,需权衡使用。

基本上就这些。掌握深浅拷贝的本质,结合内存模型去理解,才能写出更安全的代码。

以上就是JavaScript深浅拷贝区别_JavaScript内存管理机制的详细内容,更多请关注创想鸟其它相关文章!

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JavaScript蓝牙连接_javascript硬件交互
上一篇 2025年12月21日 12:46:05
JavaScript地理位置_javascript位置服务
下一篇 2025年12月21日 12:46:09

相关推荐

  • Java中自定义日志器的简化与自动化:避免重复声明

    Java中自定义日志器的简化与自动化:避免重复声明Java中自定义日志器的简化与自动化:避免重复声明Java中自定义日志器的简化与自动化:避免重复声明Java中自定义日志器的简化与自动化:避免重复声明

    本文探讨了在Java应用中,尤其是在不能使用Lombok或Spring等流行框架时,如何简化自定义日志器(如MXLogger)的声明和初始化。我们将介绍通过自定义工厂、基类继承和静态工具方法来减少重复代码,并深入分析在“简单Java”环境下实现纯注解驱动自动注入的复杂性,提供实用的解决方案。 挑战:…

    2026年9月24日 • 用户投稿
    000
  • firefox浏览器地址栏搜索历史怎么删除 Firefox浏览器清除地址栏搜索记录

    firefox浏览器地址栏搜索历史怎么删除 Firefox浏览器清除地址栏搜索记录firefox浏览器地址栏搜索历史怎么删除 Firefox浏览器清除地址栏搜索记录firefox浏览器地址栏搜索历史怎么删除 Firefox浏览器清除地址栏搜索记录firefox浏览器地址栏搜索历史怎么删除 Firefox浏览器清除地址栏搜索记录

    首先清除全部浏览历史中的地址栏记录,点击菜单→历史→清除最近历史记录,选择时间范围并勾选“浏览和下载历史”“表单与搜索历史”,确定删除;其次手动删除单条记录,聚焦地址栏输入关键词,用方向键定位目标后按Shift+Delete移除;最后禁用地址栏搜索建议,进入设置→隐私与安全,取消勾选“显示搜索建议”…

    2026年9月24日 • 用户投稿
    000
  • Java密码验证与程序流程控制:实现用户输入校验与重试机制

    Java密码验证与程序流程控制:实现用户输入校验与重试机制Java密码验证与程序流程控制:实现用户输入校验与重试机制Java密码验证与程序流程控制:实现用户输入校验与重试机制Java密码验证与程序流程控制:实现用户输入校验与重试机制

    本文详细介绍了如何在Java应用程序中实现健壮的密码验证机制,并有效控制程序流程。通过整合循环结构和条件判断,我们能够强制用户输入符合要求的密码,支持多次尝试重输,或在达到最大尝试次数后终止程序,从而提升用户体验和系统安全性。 1. 密码验证逻辑概述 在许多应用程序中,密码验证是确保用户数据安全的关…

    2026年9月24日 • 用户投稿
    000
  • sublime怎么合并多行为一行_sublime快速合并多行文本技巧

    sublime怎么合并多行为一行_sublime快速合并多行文本技巧sublime怎么合并多行为一行_sublime快速合并多行文本技巧sublime怎么合并多行为一行_sublime快速合并多行文本技巧sublime怎么合并多行为一行_sublime快速合并多行文本技巧

    Sublime中合并多行为一行的方法包括:1. 使用Ctrl+J快捷键通过“Join Lines”功能快速合并,自动以空格连接;2. 用正则替换自定义连接符,如将r?n替换为逗号实现无空格合并;3. 安装Text Pastry插件实现高级合并,支持自定义分隔符。根据场景选择可显著提升编辑效率。 在使…

    2026年9月24日 • 用户投稿
    000
  • Rest Assured JSONPath 泛型值提取:构建可重用工具函数

    Rest Assured JSONPath 泛型值提取:构建可重用工具函数Rest Assured JSONPath 泛型值提取:构建可重用工具函数Rest Assured JSONPath 泛型值提取:构建可重用工具函数Rest Assured JSONPath 泛型值提取:构建可重用工具函数

    本教程探讨如何在Rest Assured中构建一个泛型工具函数,以实现从JSON响应中安全地提取指定类型的值。针对直接使用T.class的常见误区,文章提供了正确的解决方案:通过将Class作为参数传入,从而克服Java泛型类型擦除的限制,确保在运行时提供正确的类型信息,提升代码的灵活性和可重用性。…

    2026年9月24日 • 用户投稿
    000
  • 夸克扫描翻译功能要收费吗_夸克拍照翻译功能免费与付费区别说明

    夸克扫描翻译功能要收费吗_夸克拍照翻译功能免费与付费区别说明夸克扫描翻译功能要收费吗_夸克拍照翻译功能免费与付费区别说明夸克扫描翻译功能要收费吗_夸克拍照翻译功能免费与付费区别说明夸克扫描翻译功能要收费吗_夸克拍照翻译功能免费与付费区别说明

    夸克扫描翻译基础功能免费,高级功能需会员。打开App可免费使用文档扫描、拍照翻译及中英日韩互译;多语种批量翻译、去手写痕迹、导出可编辑文件等高级功能需开通会员,会员还享无广告和更高识别上限。 如果您在使用夸克进行扫描或翻译时,发现某些功能受到限制,这通常与具体功能的免费和付费策略有关。以下是关于夸克…

    2026年9月24日 • 用户投稿
    000
  • swoole学习——tcp与udp的区别

    swoole学习——tcp与udp的区别swoole学习——tcp与udp的区别swoole学习——tcp与udp的区别swoole学习——tcp与udp的区别

    tcp与udp区别总结: 1、TCP面向连接(如打电话要先拨号建立连接);UDP是无连接的,即发送数据之前不需要建立连接。 2、TCP提供可靠的服务。也就是说,通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达;UDP尽最大努力交付,即不保证可靠交付。 3、TCP面向字节流,实际上是TCP…

    2026年9月24日 • 用户投稿
    000
  • 夸克网盘怎么扩容_免费获取与购买存储空间

    通过新用户注册、切换登录方式、解绑手机号、参与推广活动及每日签到,可免费获取1TB至20TB不等的夸克网盘扩容空间,其中推广任务最高可得20TB可叠加容量,签到则累积永久空间。 如果您在使用夸克网盘时发现存储空间不足,可以通过平台提供的多种方式免费获取额外容量,或选择购买服务来满足更大需求。以下是具…

    2026年9月24日
    700
  • UC浏览器为什么不能复制文字_UC浏览器无法复制文字问题解决方法

    UC浏览器为什么不能复制文字_UC浏览器无法复制文字问题解决方法UC浏览器为什么不能复制文字_UC浏览器无法复制文字问题解决方法UC浏览器为什么不能复制文字_UC浏览器无法复制文字问题解决方法UC浏览器为什么不能复制文字_UC浏览器无法复制文字问题解决方法

    无法复制文字可能是因网页保护或浏览器设置所致。首先检查是否启用内容保护,尝试切换至电脑版浏览;其次关闭UC浏览器的阅读模式以恢复原文选中功能;接着清除浏览器缓存数据,重启后测试复制功能;若仍无效,可开启无障碍服务如屏幕朗读或OCR识别提取文字;最后可通过分享链接到微信等应用,在其他浏览器中打开并复制…

    2026年9月24日 • 用户投稿
    1300
  • sublime怎么恢复上次关闭的标签页_sublime重新打开最近关闭文件的方法

    sublime怎么恢复上次关闭的标签页_sublime重新打开最近关闭文件的方法sublime怎么恢复上次关闭的标签页_sublime重新打开最近关闭文件的方法sublime怎么恢复上次关闭的标签页_sublime重新打开最近关闭文件的方法sublime怎么恢复上次关闭的标签页_sublime重新打开最近关闭文件的方法

    开启hot_exit和remember_open_files可自动恢复会话,配合Ctrl+Shift+T重开关闭文件,Ctrl+P查看最近文档,实现高效找回工作状态。 Sublime Text 关闭后重新打开,有时会自动恢复上次的文件和标签页,但这个功能不是每次都能生效。如果你不小心关闭了某些标签页…

    2026年9月24日 • 用户投稿
    000
  • windows怎么修改环境变量_环境变量配置教程

    windows怎么修改环境变量_环境变量配置教程windows怎么修改环境变量_环境变量配置教程windows怎么修改环境变量_环境变量配置教程windows怎么修改环境变量_环境变量配置教程

    首先通过系统属性界面修改环境变量,右键“此电脑”→“属性”→“高级系统设置”→“环境变量”,在Path中添加路径并保存;其次可用命令提示符输入set命令临时设置变量;还可通过PowerShell执行[Environment]::SetEnvironmentVariable永久配置;最后高级用户可通过…

    2026年9月24日 • 用户投稿
    100
  • Java中实现跨类和函数共享变量的指南

    Java中实现跨类和函数共享变量的指南Java中实现跨类和函数共享变量的指南Java中实现跨类和函数共享变量的指南Java中实现跨类和函数共享变量的指南

    本教程将详细介绍在Java中如何创建可在所有类和函数中访问的共享变量。通过利用public static关键字,我们可以定义类级别的变量,实现全局共享状态。文章将提供声明、访问示例,并讨论使用此类变量时的最佳实践和注意事项,确保代码的可维护性和健壮性。 理解共享变量的需求 在java应用程序开发中,…

    2026年9月24日 • 用户投稿
    100
  • x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法

    x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法

    1、打开x浏览器加载网页后,点击右上角三点菜单选择“查看源代码”即可显示HTML源码;2、长按页面链接可在快捷菜单中查找“查看源代码”选项快速访问;3、启用开发者工具模式后可通过“检查元素”功能进行更深入的页面结构分析。 如果您在浏览网页时需要查看页面的HTML源代码,以便分析结构或调试内容,可以通…

    2026年9月24日 • 用户投稿
    000
  • Java中实现州府问答系统:2D数组管理、排序与用户输入验证

    Java中实现州府问答系统:2D数组管理、排序与用户输入验证Java中实现州府问答系统:2D数组管理、排序与用户输入验证Java中实现州府问答系统:2D数组管理、排序与用户输入验证Java中实现州府问答系统:2D数组管理、排序与用户输入验证

    本教程详细介绍了如何使用Java构建一个州府问答系统。内容涵盖了使用二维数组存储州名及其首都数据、实现冒泡排序对数据按首都名称进行排序、以及如何通过用户输入验证机制,处理大小写不敏感的答案,并最终统计正确率。文章提供了完整的代码示例和关键注意事项,帮助读者理解并实现类似的数据结构与算法应用。 1. …

    2026年9月24日 • 用户投稿
    100
  • sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置

    sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置

    首先安装Package Control,再通过命令面板安装EditorConfig插件,确保项目根目录有.editorconfig文件,重启后即可自动应用格式规则。 Sublime Text 本身不内置支持 EditorConfig,但可以通过安装插件来实现对 .editorconfig 文件的识别…

    2026年9月24日 • 用户投稿
    100
  • UC浏览器下载的电子书在哪个目录_UC浏览器电子书文件存储位置查找

    UC浏览器下载的电子书在哪个目录_UC浏览器电子书文件存储位置查找UC浏览器下载的电子书在哪个目录_UC浏览器电子书文件存储位置查找UC浏览器下载的电子书在哪个目录_UC浏览器电子书文件存储位置查找UC浏览器下载的电子书在哪个目录_UC浏览器电子书文件存储位置查找

    首先通过UC浏览器下载管理查找电子书位置,其次使用文件管理器搜索内部存储的UCDownloads或ucbrowser/Download文件夹,检查SD卡中的UCBrowser目录,并通过浏览器设置确认默认下载路径以准确定位文件。 如果您在使用UC浏览器下载电子书后无法找到文件的存储位置,可能是由于系…

    2026年9月24日 • 用户投稿
    100
  • 使用 Rest Assured 创建泛型 JSONPath 值提取函数

    使用 Rest Assured 创建泛型 JSONPath 值提取函数使用 Rest Assured 创建泛型 JSONPath 值提取函数使用 Rest Assured 创建泛型 JSONPath 值提取函数使用 Rest Assured 创建泛型 JSONPath 值提取函数

    本文探讨如何在 Rest Assured 中设计一个泛型工具函数,以实现类型安全的 JSONPath 值提取。针对直接使用 T.class 导致的编译错误,文章提供了通过将 Class 作为参数传入的解决方案,有效规避了 Java 泛型擦除问题,从而实现灵活、可复用的 JSON 数据解析。 泛型 J…

    2026年9月24日 • 用户投稿
    000
  • x浏览器保存的密码在哪里查看_x浏览器已保存账号密码查看方法

    x浏览器保存的密码在哪里查看_x浏览器已保存账号密码查看方法x浏览器保存的密码在哪里查看_x浏览器已保存账号密码查看方法x浏览器保存的密码在哪里查看_x浏览器已保存账号密码查看方法x浏览器保存的密码在哪里查看_x浏览器已保存账号密码查看方法

    首先通过X浏览器设置进入密码管理,再选择具体网站查看账号密码。操作路径为:打开X浏览器→点击菜单→进入设置→选择安全及隐私→点击站点密码管理→找到目标网站→点击编辑→查看明文账号密码,全过程需通过设备验证。 如果您在使用X浏览器时启用了密码保存功能,但需要查看已存储的账号信息,则可以通过浏览器内置的…

    2026年9月24日 • 用户投稿
    000
  • Java对象数组归并排序逻辑错误解析与修正

    Java对象数组归并排序逻辑错误解析与修正Java对象数组归并排序逻辑错误解析与修正Java对象数组归并排序逻辑错误解析与修正Java对象数组归并排序逻辑错误解析与修正

    本文旨在深入分析Java中对对象数组执行归并排序时常见的逻辑错误,特别是子数组创建时的System.arraycopy误用以及merge方法中循环结构的不当,导致排序结果异常。通过详细的错误剖析,提供了一套修正后的归并排序实现方案,包括辅助数组复制方法和优化的合并逻辑,确保对象数组能够正确、高效地进…

    2026年9月24日 • 用户投稿
    100
  • 如何验证厂商宣传的散热技术是否切实有效?

    如何验证厂商宣传的散热技术是否切实有效?如何验证厂商宣传的散热技术是否切实有效?如何验证厂商宣传的散热技术是否切实有效?如何验证厂商宣传的散热技术是否切实有效?

    要验证散热技术是否有效,需结合产品规格、第三方评测、用户反馈及自行测试。首先查看热管数量与材质、均热板设计、风扇风量与静压等真实参数,警惕模糊宣传;其次参考专业媒体在标准环境下的烤机测试数据,如AIDA64或FurMark负载下的温度与频率表现;再通过电商平台或论坛收集长期使用反馈,关注共性问题如噪…

    2026年9月24日 • 用户投稿
    000

发表回复

登录后才能评论
关注微信