当前位置: 首页 > news >正文

js里面有引用传递吗?

一:什么是引用传递

引用传递是相对于值传递的。那什么是值传递呢?值传递就是在传递过程中再复制一份,然后再赋值给变量,例如:

let a = 2;
let b = a;

在这个代码中,let b = a; 就是一个值传递,首先它将a的值复制下来,再赋值给b,最终这里的 a 和 b 指向的是两块儿内存空间;那什么又是引用传递呢?引用传递就是两个变量没有独立的内存空间,它们指向的是同一块儿内存空间。

二:js里面有引用传递吗?

结论:在es6模块化之前,js是没有严格意义上的引用传递的。

有人可能会说,怎么会没有呢,赋值对象的时候不是用的引用传递吗?事实上,js里面赋值对象时同样是值传递,代码如下:

let a = {num: 0
}
let b = a;
b.num = 2
console.log(a.num)   // 2

以上代码看上去好像 a 和 b 指向的同一块儿地址,修改了 b 以后 a 也改了,但是这其实不是引用传递。我们都知道,js存储对象时,真实数据都存储在栈里面,a的值其实是一个指向对象的地址,而执行 let b = a;时,其实是将a存储的地址复制了一份给b,看起来是修改的 b 的值,其实修改的是b指向的栈里面的值,而 a 也指向这个空间,所以 a.num 变化了,但是对于a和b本身是没有影响的。而如果是引用传递,那么当我执行 b = 2 时,a也会等于2,这才是二者指向同一块儿空间。

三:哪里有引用传递

引用传递在es6之前时完全没有的,在es6中,只有在模块化的时候的 export 和 import 是用的引用传递,代码如下:

export let a = 1;
setTimeout(()=>{a = 2;
},1000)

这个代码很简单,就是到处一个a的变量,并且在1秒后改变它的值,按照一般的想法来看,这个修改应该是不会影响到其他导入这个a的文件的,但是事实上,它是会修改的,代码如下:

import { a } from 'xxx'
console.log(a);   // 1
setTimeout(()=>{console.log(a)  // 2
},1500)

最后的结果如下,在这个文件里面改了a的值以后,也影响到了其他导入的文件
打印结果

四:作用

讲了这么多,那这个东西有什么用吗?这东西用处不大,就有一点需要注意,就是当多个敌方都引用一个的时候,一个地方修改了,其他地方都会修改,偶尔可能会导致一些bug出现

http://www.lryc.cn/news/307709.html

相关文章:

  • C 语言 math.h 库介绍
  • Eigen-Matrix矩阵
  • 蓝桥杯14届计算思维国赛U8组包含真题和答案
  • opencv内存溢出del释放变量 (python)
  • 【算法与数据结构】复杂度深度解析(超详解)
  • Upload-Labs-Linux1【CTF】
  • 搜维尔科技:OptiTrack 提供了性能最佳的动作捕捉平台
  • java设计模式之职责链模式
  • 连不上网的解决办法集--持续更新
  • Unity之PUN2插件实现多人联机射击游戏
  • 72_Pandas.DataFrame保存并读取带pickle的系列(to_pickle、read_pickle)
  • Redis哨兵模式和Redis Cluster模式
  • C语言第三十二弹---自定义类型:联合和枚举
  • milvus upsert流程源码分析
  • QT网络通信
  • 案例分析|山西某光伏发电站轨道巡检机器人解决方案
  • Apache POl
  • 高防服务器托管应注意什么
  • swagger-ui.html报错404,解决办法
  • golang 函数式编程库samber/mo使用: Future
  • 【Spring连载】使用Spring Data访问 MongoDB(十四)----Mongodb特有的查询方法
  • 消息中间件篇之RabbitMQ-消息重复消费
  • 常见设计模式之单例模式
  • VL817-Q7 USB3.0 HUB芯片 适用于扩展坞 工控机 显示器
  • 【Android安全】Windows 环境下载 AOSP 源码
  • Vue.js+SpringBoot开发快递管理系统
  • Linux/Spectra
  • C 嵌入式系统设计模式 08:硬件代理模式
  • 【k8s配置与存储--持久化存储(PV、PVC、存储类)】
  • 【Vite】解决Vite http proxy error: Error: connect ECONNREFUSED