【前端捉鬼记】记录两个js中非常基础的小白问题

写逻辑时,遇到两个js代码里非常基础的小白问题,用简单的代码测试并记录一下:

1、一个对象 a 有个数组类型的属性 b,将这个数组取出保存到另一个变量 m,修改 m,对象 a 中的属性 b 是否跟随变化?

这里的修改m分为两种情况:

  • 给 m 重新赋值一个新数组 : 可以观察到对象 a 中的属性 b 不会跟随变化。我理解是给 m 重新赋值新数组时,变量 m 与之前 指向 a 对象中的属性 b 对应的那个数组之间的链接就被切断了,所以 a 中的属性 b 不会跟随变化。
  • 通过数组下标方式修改 m 中的元素,这种显而易见,变量 m 指向的仍然是 a 对象中的属性 b 对应的那个数组,所以 a 中的属性 b 会跟随变化。

2、函数入参为一个对象,在函数内修改这个参数对象,原对象是否改变?即一个对象被当做参数传递到函数内部时,传递的是这个对象本身还是一个深拷贝的副本?

测试得出:在函数内修改一个参数对象时,原对象也改变了,说明传递的就是这个对象本身。

相关推荐
kong790692838 分钟前
环境搭建-运行前端工程(vue)
前端·前端环境
谷歌开发者42 分钟前
Web 开发指向标|开发者工具 AI 辅助功能的 5 大实践应用
前端·人工智能
晚烛6 小时前
实战前瞻:构建高可靠、强协同的 Flutter + OpenHarmony 智慧教育平台
javascript·flutter·html
快乐肚皮6 小时前
一文了解XSS攻击:分类、原理与全方位防御方案
java·前端·xss
保护我方头发丶6 小时前
ESP-wifi-蓝牙
前端·javascript·数据库
想学后端的前端工程师7 小时前
【Flutter跨平台开发实战指南:从零到上线-web技术栈】
前端·flutter
老王Bingo7 小时前
Qwen Code + Chrome DevTools MCP,让爬虫、数据采集、自动化测试效率提升 100 倍
前端·爬虫·chrome devtools
董世昌417 小时前
什么是扩展运算符?有什么使用场景?
开发语言·前端·javascript
Yaru117 小时前
Vue 3.6 预览版特性
javascript·vue.js
来杯三花豆奶8 小时前
Vue 3.0 Mixins 详解:从基础到迁移的全面指南
前端·javascript·vue.js