首页 > web前端 > js教程 > 正文

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

舞夢輝影
发布: 2025-11-12 21:49:02
原创
504人浏览过
基本类型参数传递时复制值,函数内修改不影响外部;对象类型传递引用地址,修改属性会影响外部对象,但重新赋值参数不影响原引用。

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 指向同一个对象,所以修改生效。

卡奥斯智能交互引擎
卡奥斯智能交互引擎

聚焦工业领域的AI搜索引擎工具

卡奥斯智能交互引擎 36
查看详情 卡奥斯智能交互引擎

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

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

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

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

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

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号