Js值传递和引用传递的不同

基本类型参数传递时复制值,函数内修改不影响外部;对象类型传递引用地址,修改属性会影响外部对象,但重新赋值参数不影响原引用。

js值传递和引用传递的不同

JavaScript 中的值传递和引用传递主要区别在于函数参数在传递时的行为方式,这取决于参数的数据类型。

基本类型是值传递

JavaScript 的基本类型(如 number、string、boolean、null、undefined、symbol)在作为参数传入函数时,是按值传递的。这意味着函数内部接收到的是原始值的一个副本,对参数的修改不会影响外部变量。

例如:

let a = 10;
function changeValue(num) {
  num = 20;
}
changeValue(a);
console.log(a); // 输出 10

这里 num 是 a 的副本,函数内对 num 的修改不影响 a。

对象类型是引用传递

对象类型(包括数组、普通对象、函数等)在传参时是按引用传递的。函数接收到的是该对象在堆内存中的引用地址。因此,如果在函数内部修改了对象的内容,外部的对象也会受到影响。

例如:

let obj = { name: “Tom” };
function changeObj(o) {
  o.name = “Jerry”;
}
changeObj(obj);
console.log(obj.name); // 输出 “Jerry”

因为 o 和 obj 指向同一个对象,所以修改生效。

但要注意:如果在函数内重新赋值整个参数引用,就不会影响外部对象。

let obj = { name: “Tom” };
function reassignObj(o) {
  o = { name: “Bob” };
}
reassignObj(obj);
console.log(obj.name); // 仍输出 “Tom”

此时 o 被重新指向一个新对象,原 obj 不受影响。

基本上就这些。理解清楚数据类型和赋值行为,就能掌握 JS 中参数传递的本质。不复杂但容易忽略细节。

以上就是Js值传递和引用传递的不同的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
使用JavaScript实现一个简单的Markdown解析器_javascript工具
上一篇 2025年12月21日 05:02:43
前端JS怎样调用Spring定时调度任务_前端JS调用Spring定时调度任务的实现步骤
下一篇 2025年12月21日 05:02:54

相关推荐

  • 谷歌浏览器官网直接进入 Chrome浏览器官方登录入口

    谷歌浏览器官网直接进入方式为访问https://www.google.com/chrome/,该网站是Chrome官方登录入口,提供跨平台同步、V8引擎加速、地址栏集成搜索、自动填充表单等核心功能,支持极简界面、深色模式、自定义新标签页及侧边栏服务,具备安全浏览、隐私沙盒、密码检查和无痕模式等安全机…

    2026年9月22日
    100
  • unix怎么安装php_unix系统安装php环境指南

    首先确认系统环境并检查是否已安装相关软件,然后选择包管理器或源码编译方式安装PHP;推荐使用包管理器快速安装,如Debian/Ubuntu用apt,CentOS/RHEL/Fedora用yum或dnf,FreeBSD用pkg;安装后配置Web服务器,Apache需加载mod_php或集成PHP-FP…

    2026年9月22日
    300
  • Java多线程并发控制:告别线程优先级,拥抱锁机制

    本文深入探讨了在Java多线程环境中如何有效解决并发操作中断问题,特别是当多个线程尝试同时执行非原子性操作(如打印)时。文章指出,单纯依赖线程优先级并不可靠,并详细介绍了使用synchronized关键字配合共享锁对象实现互斥访问的关键技术,确保关键代码块的原子性执行,从而避免数据混乱和逻辑错误。 …

    2026年9月22日
    700
  • MySQL数据类型详解_如何选择合适字段类型提升存储效率

    MySQL数据类型详解_如何选择合适字段类型提升存储效率MySQL数据类型详解_如何选择合适字段类型提升存储效率MySQL数据类型详解_如何选择合适字段类型提升存储效率MySQL数据类型详解_如何选择合适字段类型提升存储效率

    mysql选择合适数据类型的核心原则是根据数据特性选择占用空间最小且能准确表达数据的类型。1. 选择整数类型时,应依据数据范围选择tinyint、smallint、mediumint、int或bigint,优先选更小类型以节省空间;2. 字符串类型中,char适用于固定长度数据,varchar适用于…

    2026年9月22日 用户投稿
    000
  • 设计VSCode三维图形编程界面与WebGL实时预览模块

    VSCode通过集成WebGL预览插件实现三维图形编程的实时反馈,利用扩展架构提供GLSL语法支持、文件关联及命令注册,并通过Webview嵌入渲染窗口,结合消息通信与动态编译技术实现实时预览,配合保存自动刷新、错误定位与多视图布局优化交互体验,构建高效闭环开发环境。 在使用 VSCode 进行三维…

    2026年9月22日
    100
  • Apache Pulsar 主题分区创建与管理指南

    本文深入探讨Apache Pulsar主题分区的创建与管理。Pulsar主题分区是实现高吞吐量和可伸缩性的关键,但必须在主题创建时进行配置。文章详细介绍了两种主要的分区主题创建方法:通过Broker配置实现自动分区,以及利用Pulsar Admin API进行显式创建,并强调了分区主题一旦创建后不可…

    2026年9月22日
    100
  • 使用 Spring Boot Test @Sql 注解通过掩码描述文件的方法

    在 Spring Boot 测试中,我们经常使用 @Sql 注解来执行 SQL 脚本,以便在测试前准备数据或在测试后清理数据。 通常的用法如下: @Sql(scripts = “/folder/my_favourite_script.sql”)@Testpublic void myTest() { …

    2026年9月22日
    100
  • 如何查看Linux文件系统类型 df -T与lsblk -f命令对比

    如何查看Linux文件系统类型 df -T与lsblk -f命令对比如何查看Linux文件系统类型 df -T与lsblk -f命令对比如何查看Linux文件系统类型 df -T与lsblk -f命令对比如何查看Linux文件系统类型 df -T与lsblk -f命令对比

    在linux中查看文件系统类型时,df -t 适合查看已挂载分区的文件系统,而 lsblk -f 可查看所有块设备信息。1. df -t 显示已挂载的文件系统类型、磁盘使用情况及挂载点,适用于快速了解当前挂载目录所用文件系统;2. lsblk -f 列出包括未挂载设备的详细信息,如 uuid、lab…

    2026年9月22日 用户投稿
    300
  • 密码管理器是如何安全地存储和填充大量复杂密码的,其工作原理是什么?

    密码管理器通过主密码生成加密密钥,在设备端使用AES-256等算法加密数据,结合PBKDF2或Argon2密钥派生函数增强安全性;加密后数据经HTTPS同步至云端,服务商无法访问明文,实现零知识存储;登录时浏览器插件匹配URL与表单,用户确认后在内存中解密并填充凭证,不暴露数据库或明文;支持生成唯一…

    2026年9月22日
    000
  • laravel Spatie/laravel-medialibrary包高级用法_Laravel Spatie Medialibrary高级功能使用方法

    Spatie/laravel-medialibrary 支持自定义磁盘路径、响应式图像、WebP格式、媒体集合分类、自定义属性存储及签名URL安全访问,并可通过队列异步处理文件转换,提升性能与安全性。 在 Laravel 应用中,Spatie/laravel-medialibrary 是处理文件上传…

    2026年9月22日
    1300
  • Spring Boot集成MongoDB Atlas:正确配置与故障排除

    本教程详细指导如何在Spring Boot应用中正确配置与连接MongoDB Atlas集群。我们将重点讲解如何获取并使用正确的Atlas连接URI,安全地处理用户认证信息,以及准确指定目标数据库。通过实例代码和常见错误排查,帮助开发者避免连接失败,确保应用与MongoDB Atlas的顺畅集成。 …

    2026年9月22日
    600
  • Prestashop分页隐藏分类描述的SEO考量与处理

    本文探讨了Prestashop商店中分类描述在分页后消失的问题。我们解释了这种现象通常并非SEO问题,因为搜索引擎主要关注第一页的描述内容。教程将深入分析此行为背后的SEO逻辑,并提供确保网站SEO友好的最佳实践,强调第一页描述的重要性及规范使用Canonical标签。 Prestashop分类描述…

    2026年9月22日
    100
  • 如何利用 JavaScript 实现一个支持拖放排序的交互界面?

    答案是利用HTML5拖放API实现拖拽排序,通过设置draggable属性和监听dragstart、dragover、drop事件控制元素移动,结合CSS提升交互反馈。 要实现一个支持拖放排序的交互界面,核心是利用 HTML5 的拖放 API(Drag and Drop API)结合 JavaScr…

    2026年9月22日
    100
  • Hazelcast缓存数据添加后无法在Map中显示问题排查与解决

    本文旨在解决在使用Spring Cache注解(如 @CachePut)向Hazelcast缓存添加数据后,无法直接通过 HazelcastInstance 获取对应Map并查看数据的问题。文章将详细介绍问题可能的原因,并提供相应的解决方案,包括启用缓存、配置 CacheManager 以及使用 J…

    2026年9月22日
    200
  • Symfony 测试中设置请求内容:模拟 API 用户注册

    在 Symfony 单元测试中模拟 API 请求,特别是针对用户注册场景,重点讲解如何设置包含特定 Header(如 x-auth-token)以及 Form-Data 格式的请求体,并提供示例代码和注意事项,帮助开发者编写更可靠的 API 测试。 在 Symfony 中进行单元测试时,经常需要模拟…

    2026年9月22日
    100
  • Apache POI生成带水印DOCX文件时的XML内容错误解析与应对

    本文深入探讨了使用Apache POI生成带有水印的DOCX文件时,可能遇到的“XML声明只能出现在输入开头”错误。该错误通常指向DOCX内部XML文件(如header4.xml)的格式问题,导致文件在Microsoft Word中无法打开。文章分析了错误原因,并提供了包括升级POI版本、手动检查D…

    2026年9月22日
    100
  • Invideo的AI混合工具怎么用?快速生成专业视频的实用教程

    Invideo的AI混合工具通过智能生成视频初稿并允许创作者精细调整,显著降低制作门槛、提升效率,其优势在于快速生成、易用性强、激发创意,用户可通过优化输入、替换素材、注入个性声音和保持风格统一来最大化潜力,同时需应对素材模式化、理解偏差等挑战。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索,…

    2026年9月22日
    500
  • Java并发编程中Runnable接口使用方法

    Runnable接口用于定义线程任务,通过实现run()方法封装执行逻辑,不返回结果且不能抛出受检异常;可直接传给Thread实例启动线程,也可用Lambda表达式简化代码;推荐结合ExecutorService线程池使用,提升资源利用率;需注意无返回值、异常处理在内部完成、共享变量线程安全等问题。…

    2026年9月22日
    200
  • 如何使用DeepSpeed训练AI大模型?大规模模型训练的优化技巧

    DeepSpeed通过ZeRO等技术突破显存限制,实现大模型高效训练。它采用ZeRO-1/2/3分级优化,分别对优化器状态、梯度和参数进行分区,显著降低单卡显存占用;结合混合精度、梯度累积和CPU/NVMe卸载进一步节省资源。同时集成流水线并行与张量并行,支持多维并行策略协同,使万亿参数模型训练在普…

    2026年9月22日
    200
  • diskgenius如何设置Bios启动项

    diskgenius是一款功能全面的磁盘管理软件,在实际操作中,为了顺利运行该工具或进行系统维护,常常需要在bios中调整启动顺序。以下是详细的设置步骤说明。 当计算机开机或重启时,请留意屏幕初始画面中的提示信息,按下指定键进入bios设置界面。不同品牌和型号的主板所使用的快捷键有所区别,常见的包括…

    2026年9月22日
    200

发表回复

登录后才能评论
关注微信