JS函数参数如何传递_JavaScript函数参数传递方式值传递与引用传递详解-js教程-PHP中文网

JS函数参数如何传递_JavaScript函数参数传递方式值传递与引用传递详解

絕刀狂花

发布： 2025-11-15 10:10:03

原创

888人浏览过

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

js函数参数如何传递_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，原始值未变

登录后复制

函数内的修改只作用于局部副本，不影响外部变量。

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

查看详情

对象类型：传递引用的副本

对象、数组、函数等引用类型，传入的是指向堆内存的地址拷贝：

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函数参数传递方式值传递与引用传递详解的详细内容，更多请关注php中文网其它相关文章！