JS函数参数传递方式解析

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《JS函数参数传递方式：值传递与引用传递详解》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

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

JavaScript中函数参数的传递方式常被误解，很多人认为对象是“引用传递”，其实JS统一采用值传递的方式。关键在于理解“值”的含义：原始类型传的是数据本身，而对象类型传的是引用的副本（即指针的拷贝）。

值传递 vs 引用传递的基本概念

值传递：函数接收的是变量值的拷贝。在函数内部修改参数，不会影响原始变量。

引用传递：函数接收的是变量的内存地址，通过该地址可以直接操作原变量。这种机制在JavaScript中并不存在。

JavaScript所有参数都是按值传递，但对于对象，这个“值”是内存地址的拷贝，因此可以修改对象属性，但不能改变引用本身。

原始类型：典型的值传递

字符串、数字、布尔值等原始类型，传递的是实际值的副本：

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如何使用教程的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JS函数参数传递方式解析》文章吧，也可关注golang学习网公众号了解相关技术文章。