如何理解在js中访问变量有按值和按引用两种方式?

news/2024/12/29 9:19:46/文章来源:https://www.cnblogs.com/ai888/p/18638426

在 JavaScript 中,理解变量的访问方式——按值访问和按引用访问——是理解语言数据结构和行为的关键。这两种方式主要取决于变量的数据类型。

  1. 按值访问(Pass by Value)

在 JavaScript 中,原始类型(Primitive Types)的数据是按值访问的。原始类型包括:NumberStringBooleanNullUndefinedSymbolBigInt。当你把一个原始类型的值赋给另一个变量时,实际上是在内存中创建了这个值的一个新副本,并且把这个新副本的地址赋给了新的变量。因此,改变新变量的值不会影响原始变量的值。

例如:

let a = 5;
let b = a; // b 得到了 a 的一个副本,即 5
b = 10; // 改变 b 的值,a 的值不变
console.log(a); // 输出 5
  1. 按引用访问(Pass by Reference)

在 JavaScript 中,对象类型(Object Types)的数据(包括数组和函数)是按引用访问的。对象类型的变量存储的是对象的引用地址,而不是对象本身。当你把一个对象类型的变量赋给另一个变量时,实际上是把对象的引用地址复制了一份给新的变量。因此,通过新变量和原始变量访问的是同一个对象,改变对象的状态会在所有引用这个对象的变量中反映出来。

例如:

let obj1 = { value: 1 };
let obj2 = obj1; // obj2 得到了 obj1 的引用地址
obj2.value = 2; // 通过 obj2 改变对象的值,obj1 也会受到影响
console.log(obj1.value); // 输出 2

需要注意的是,虽然对象类型是按引用访问的,但当你尝试把一个对象类型的变量完全赋给另一个新的对象时,并不会改变原始对象的引用。这是因为赋值操作创建了一个新的对象,并把原始对象的属性值复制到了新对象中。这个过程被称为浅拷贝(Shallow Copy)。

例如:

let obj1 = { value: 1 };
let obj2 = { ...obj1 }; // 使用展开运算符进行浅拷贝
obj2.value = 2; // 改变 obj2 的值,obj1 的值不变
console.log(obj1.value); // 输出 1

总结来说,在 JavaScript 中,原始类型是按值访问的,而对象类型是按引用访问的。理解这一点有助于你更好地掌握 JavaScript 中的数据操作和行为。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/860725.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

主动式AI(代理式)与生成式AI的关键差异与影响

大型语言模型(LLMs)如GPT可以生成文本、回答问题并协助完成许多任务。然而,它们是被动的,这意味着它们仅根据已学到的模式对接收到的输入作出响应。LLMs无法自行决策;除此之外,它们无法规划或适应变化的环境。 主动式AI(代理式)的出现正是为了解决这一问题。与生成式AI…

docker之旅

物理机上部署:1 部署复杂,成本高; 会造成资源的浪费 ; 不支持跨平台部署 ;无法支持进行服务的迁移 虚拟化:1 在一台宿主机上虚拟出多台虚拟机, 虚拟机会部署一个完整的操作系统,要分配系统资源。部署缺点: 部署复杂,无法进行迁移3 虚拟化与容器对比容器直接使用的宿主…

kubernetes之旅

k8s 架构 https://kubernetes.io/核心组件ETCD 分布式高性能键值数据库,存储整个集群的所有元数据 Apiserver 集群的资源访问控制入口,提供restAPI 和安全访问控制 scheduler: 调度器,负责将业务pod调度到合适的节点上 controller manager : 控制器,确保集群 按照期望方式…

asdfasdfasdf

阿斯蒂芬 阿萨德发生的发生阿斯蒂芬 阿萨德发生的发生代发收到飞 阿斯蒂芬 撒旦法撒地方 阿萨德发生的发生 金阿奎猎杀对决菲拉斯代发件 unit main;interfaceusesWinapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Classes, Vcl.Graphics,Vcl.Contro…

Blazor 渲染当前语言区小数点格式对应编辑组件

环境: 使用西班牙语文化, 组件: 表格 显示格式对的, 小数点西班牙这边是逗号(,) , 0.99 显示为 0,99 重现 编辑商品, 显示变成了0.99而不是正确的区域格式 0,99, 直接保存没事的 如果手动改了一下数字为 0.99 只要焦点变化了 就会格式化为 99 , 这个时候保存数据就出问题了 经…

两均值比较R

1. 两个均值比较校验 1.1 两独立样本均值检验 1.1.1 检验理论依据 两样本均值差: \(\bar{x}_1-\bar{x}_2\) 两总体均值差: \(\mu_1 - \mu_2\) 则两样本均值差服从正态分布: \[\overline{x}_1-\overline{x}_2\sim N(\mu_1-\mu_2,\sigma_{\overline{x}_1-\overline{x}_2}^2) …

Khronos和EMVA便携式应用程序结构

Kamaros便携式应用程序结构 Kamaros便携式应用程序结构,如图1-11所示。图1-11Kamaros便携式应用程序结构 Khronos和EMVA合作 Khronos和EMVA合作,如图1-12所示。图1-12 Khronos和EMVA合作人工智能芯片与自动驾驶

Intel oneAPI DPC++和UXL基础与对并行处理的需求

Intel oneAPI DPC++和UXL基础 1)Intel oneAPI DPC++符合SYCL 2020规范 ①统一共享内存、并行约简、工作组算法、类模板。 ②论证推理、访问优化、扩展互操作性等。 2)UXL统一加速基础 ①加速计算开放生态系统。 ②工具和库。 ③编译器和开发工具。 ④API和规范。 3)Khronos和…

《智能汽车传感器:原理设计应用》《AI芯片开发核心技术详解》两本专著书推荐

两本书推荐《AI芯片开发核心技术详解》、《智能汽车传感器:原理设计应用》由清华大学出版社资深编辑赵佳霓老师策划编辑的新书《AI芯片开发核心技术详解》已经出版,京东、淘宝天猫、当当等网上,相应陆陆续续可以购买。该书强力解析AI芯片的核心技术开发,内容翔实、知识点新…

《智能汽车传感器:原理设计应用》《AI芯片开发核心技术详解》专著书推荐

两本书推荐《AI芯片开发核心技术详解》、《智能汽车传感器:原理设计应用》由清华大学出版社资深编辑赵佳霓老师策划编辑的新书《AI芯片开发核心技术详解》已经出版,京东、淘宝天猫、当当等网上,相应陆陆续续可以购买。该书强力解析AI芯片的核心技术开发,内容翔实、知识点新…

Diffusion Model-Stable Diffusion(一)

Stable Diffusion 是一个基于扩散模型的图像生成模型,可以用于生成高质量图像。其传统实现主要基于 PyTorch,最常用的开源实现是 CompVis/stable-diffusion 和 Hugging Face 的 diffusers 库。 如果你需要一个可以直接调用 Stable Diffusion 的接口,可以选择以下方法:1. 使…

一切的开始与结束

一、学期回顾 1.1 回顾对于软件工程课程的想象 对软件工程的第一印象 对于软件工程,我一开始没想那边多,认为他仅仅是和其他课程没什么区别的普通专业课罢了。但是日后的个人作业,结对作业,乃至团队编程都给了我当头一棒。 深刻的理解了开发软件面对的巨大压力。 初步达到我…