新闻中心

J*aScript 数据类型:深入理解原始类型与引用类型

2025-11-06
浏览次数:
返回列表
J*aScript数据类型分原始类型和引用类型,原始类型按值访问、不可变,包括string、number、boolean、null、undefined、symbol、bigint;2. 原始类型赋值时复制值副本,互不影响;3. 引用类型存储对象地址,赋值时复制引用,指向同一对象则修改互相影响;4. 原始类型比较基于值,引用类型比较基于引用地址;5. 函数传参均为按值传递,引用类型传的是地址值,可修改对象内容但无法通过重新赋值改变外部引用。

javascript 数据类型:深入理解原始类型与引用类型

J*aScript 中的数据类型是理解语言行为的基础,尤其在处理变量赋值、函数传参和对象操作时,区分原始类型和引用类型至关重要。这两类数据在内存中的存储方式和操作机制完全不同,直接影响程序的运行结果。

原始类型:按值访问的不可变数据

J*aScript 有七种原始类型:stringnumberbooleannullundefinedsymbolbigint。它们被称为“原始”是因为其值直接存储在变量所在的内存位置中,属于按值访问。

原始类型的值是不可变的。比如字符串一旦创建,就不能更改其中的字符,任何看似修改的操作其实都返回了一个新值。

当把一个原始类型变量赋给另一个变量时,系统会复制该值的一份副本:

立即学习“J*a免费学习笔记(深入)”;

  • let a = 10;
  • let b = a;
  • a = 20;
  • // 此时 b 仍然是 10

这种赋值方式确保了变量之间的独立性,互不影响。

引用类型:指向对象的指针

引用类型主要包括 object(以及其派生类型如 arrayfunction 等)。与原始类型不同,引用类型的值是对象,存储在堆内存中,而变量保存的是指向该对象的地址(指针)。

当你将一个对象赋值给变量时,实际上是把该对象的引用复制过去:

  • let obj1 = { name: 'Alice' };
  • let obj2 = obj1;
  • obj2.name = 'Bob';
  • // 此时 obj1.name 也变成了 'Bob'

因为 obj1 和 obj2 指向同一个对象,所以通过任意一个变量修改属性都会反映在另一个变量上。

OEmarry婚嫁电子商务系统免费版 OEmarry婚嫁电子商务系统免费版

OEmarry婚庆商家电子商务网站系统(又名:OEmarry婚嫁O2O电商平台系统)是O.E研发团队继OElove婚恋网站产品发布之后经长期的深入调研策划后,根据婚庆行业客户实际应用需求而提供的一套以满足企业级(OEPHP MVC架构)大型数据架构及大规模运营需求的解决方案,该系统的集商家展示点评、O2O团购、垂直搜索、分类导行、本地信息、优惠券、商家活动、在线购物、微信营销、广告管理、手机app

OEmarry婚嫁电子商务系统免费版 0 查看详情 OEmarry婚嫁电子商务系统免费版

比较行为:值 vs 引用

原始类型的比较基于值本身:

  • let x = 'hello';
  • let y = 'hello';
  • console.log(x === y); // true

而引用类型的比较基于引用地址:

  • let arr1 = [1, 2];
  • let arr2 = [1, 2];
  • let arr3 = arr1;
  • console.log(arr1 === arr2); // false(不同对象,不同地址)
  • console.log(arr1 === arr3); // true(指向同一对象)

即使两个对象内容完全相同,只要不是同一个实例,=== 就返回 false。

函数传参时的表现

函数参数在 J*aScript 中始终是按值传递。但对于引用类型,传递的是引用的值(即地址),因此函数内部可以修改对象的内容:

  • function changeName(obj) {
  •   obj.name = 'John';
  • }
  • let person = { name: 'Jane' };
  • changeName(person);
  • // person.name 现在是 'John'

但如果你尝试重新赋值参数引用,不会影响外部变量:

  • function reassign(obj) {
  •   obj = { name: 'New' };
  • }
  • reassign(person);
  • // person 仍然指向原来的对象

这是因为参数 obj 在函数内部被赋予了新的引用,原外部引用并未改变。

基本上就这些。理解原始类型和引用类型的差异,能帮助你避免常见的副作用和逻辑错误,写出更可靠的代码。

以上就是J*aScript 数据类型:深入理解原始类型与引用类型的详细内容,更多请关注其它相关文章!


# 中文网  # 茶陵抖音营销推广招聘  # 哪些行业营销推广套餐好  # 关键词排名可选乐云seo十年  # 佛山服务网站优化如何  # 青岛建设网站建站  # 汉川抖音seo公司  # 会员营销系统好推广吗  # 电脑维修的营销推广  # 会昌网站建设方案  # 新县推广网站团队名单查询  # javascript  # 相关文章  # 均为  # 是指  # 有哪些  # 是因为  # 如果你  # 如何用  # 婚庆  # 的是  # java 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: C++编译期如何执行复杂计算_C++模板元编程(TMP)技巧与应用  Mudbox图层蒙版怎么用_Mudbox图层蒙版数字雕刻应用技巧  响应式图片在网页设计中的正确实现方法  Win10如何清理注册表垃圾 Win10注册表维护与优化指南【慎用】  AO3镜像入口大全 AO3网页版内容访问全集  ACG动漫视频网入口 ACG动漫*免费正版观看地址  使用CSS更改登录屏幕输入框中PNG图标颜色的策略与局限性  小红书网页版入口链接分享 小红书官网直接进  163邮箱注册官网 免费申请163个人邮箱  抖音极速版最新版本 抖音极速版官方下载地址  小红书商家版怎样在笔记嵌入商品卡路径_小红书商家版在笔记嵌入商品卡路径【挂载教程】  在Go语言中利用后缀数组处理多字符串:实现高效文本匹配与自动补全  Win11怎么用U盘重装系统 Win11制作启动盘并重装系统完整教程【详解】  Win10如何开启蓝牙功能_Windows10找不到蓝牙开关解决方法  菜鸟取件码是什么怎么查 最全查询渠道汇总  Go语言中Map值调用指针接收器方法的限制与应对  微信网页版官方入口直达 微信网页版网页版登录使用方法  批改网学生版PC登录 批改网官网登录系统入口  NRF24L01数据传输深度解析:解决大载荷接收异常与分包策略  提升屏幕阅读器对“m”时间单位的播报准确性:HTML与CSS组合解决方案  TikTok国际版网页端快速入口 TikTok全球版短视频浏览教程  文本文档写html代码怎么运行_文本文档html代码运行步骤【教程】  支付宝如何管理隐私设置_支付宝隐私保护的配置技巧  Golang如何实现Web文件静态资源服务器_Golang静态资源服务器开发与实践  php源码怎么在电脑上测试_电脑测试php源码方法步骤【教程】  如何设置Windows Defender的定时扫描_计划任务实现自动杀毒【安全】  如何使用Node.js csv 包按条件移除含空字段的CSV记录  在J*a中如何在J*a中使用异常机制记录错误日志_异常日志实践经验  如何使 Jest 模拟函数默认抛出错误以提高测试效率  TikTok国际版官网直达_TikTok国际版官网直达进入在线观看  微信网页版扫码登录入口 微信网页版二维码登录入口  Yandex官网搜索引擎免登录_俄罗斯Yandex一键直达入口  韩小圈电脑版在线入口_网页版免费登录地址  c++如何使用TBB库进行任务并行_c++ Intel线程构建模块  Safari自带网页翻译功能怎么用 无需插件轻松看懂外文网站【方法】  如何更改在 Excel 中打开超链接时的默认浏览器  小米Civi 4录制视频过暗_小米Civi 4亮度优化  Pygame教程:解决用户输入与游戏状态更新不同步问题  Log4j Console Appender性能瓶颈与高并发优化策略  Golang如何安装Swagger工具_GoSwagger文档生成环境  Lar*el如何正确地在控制器和模型之间分配逻辑_Lar*el代码职责分离与架构建议  解决移动端滚动问题的overflow属性应用指南  Tabulator表格中精确实现日期时间排序的指南  汽水音乐车机版横屏版7.1 汽水音乐车机版横屏版下载入口  快手官方唯一登录入口 谨防山寨钓鱼网站  ArrayList与LinkedList核心操作的Big-O复杂度分析  精准捕获:如何在页面中监听除特定元素外的所有点击事件  HTML元素状态管理:根据DIV内容动态启用/禁用按钮  如何使用Go和Martini动态服务解码后的图片  QQ邮箱网页版入口登录 QQ邮箱在线邮箱官方通道 

搜索