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

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

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

2025-11-15

浏览次数：次

返回列表

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

js函数参数如何传递_javascript函数参数传递方式值传递与引用传递详解

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

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

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

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

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

原始类型：典型的值传递

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

function changeValue(num) {
  num = 10;
  console.log(num); // 输出 10
}
let x = 5;
changeValue(x);
console.log(x); // 输出 5，原始值未变

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

ChatCut

AI视频剪辑工具

1086 查看详情 ChatCut

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

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

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

# 都是 # 营销推广计划费用预算 # seo下拉词在哪里做 # 青岛网站建设的重要步骤 # 律师网站建设技术外包 # 抖音外卖推广营销 # 常营企业网站推广 # seo推广专业门槛高吗 # 昆明seo优化优势 # 福建机电网站建设 # 广州绿化网站建设费用 # 器中 # 拖拽 # js如何使用教程 # 复选框 # 如何用 # 如何使用 # 如何解决 # 表单 # 可以使用 # 的是 # ai # app # js # java # javascript