JavaScript中所有参数均为值传递,原始类型传值副本,对象类型传引用副本(地址拷贝),因此可修改对象属性但无法改变原引用指向。

JavaScript中函数参数的传递方式常被误解,很多人认为对象是“引用传递”,其实JS统一采用值传递的方式。关键在于理解“值”的含义:原始类型传的是数据本身,而对象类型传的是引用的副本(即指针的拷贝)。
值传递 vs 引用传递的基本概念
值传递:函数接收的是变量值的拷贝。在函数内部修改参数,不会影响原始变量。
引用传递:函数接收的是变量的内存地址,通过该地址可以直接操作原变量。这种机制在JavaScript中并不存在。
JavaScript所有参数都是按值传递,但对于对象,这个“值”是内存地址的拷贝,因此可以修改对象属性,但不能改变引用本身。
立即学习“Java免费学习笔记(深入)”;
原始类型:典型的值传递
字符串、数字、布尔值等原始类型,传递的是实际值的副本:
function changeValue(num) { num = 10; console.log(num); // 输出 10}let x = 5;changeValue(x);console.log(x); // 输出 5,原始值未变
函数内的修改只作用于局部副本,不影响外部变量。
对象类型:传递引用的副本
对象、数组、函数等引用类型,传入的是指向堆内存的地址拷贝:
function modifyObj(obj) { obj.name = "修改后"; obj = { name: "新对象" }; // 重新赋值 console.log(obj.name); // 输出 "新对象"}let person = { name: "原始" };modifyObj(person);console.log(person.name); // 输出 "修改后"
说明:
刚开始,obj 和 person 指向同一个对象 修改 obj.name 实际修改了共享的对象 obj = {…} 让形参指向新对象,但这不影响 person 的指向
如何真正实现“引用传递”效果?
如果需要让函数能替换原始引用,可以包装一层:
function replaceObj(container) { container.obj = { name: "全新对象" };}let wrapper = { obj: { name: "旧对象" } };replaceObj(wrapper);console.log(wrapper.obj.name); // 输出 "全新对象"
通过把对象作为另一个对象的属性传入,间接实现了对外部引用的修改。
基本上就这些。记住:JS没有真正的引用传递,对象传的是“地址的值”。能改内容,不能换地址。理解这点,就不会被参数变化搞糊涂了。
以上就是JS函数参数如何传递_JavaScript函数参数传递方式值传递与引用传递详解的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1538924.html
微信扫一扫
支付宝扫一扫