javascript函数参数如何传递_怎样理解值传递和引用传递？_网络技术

javascript函数参数如何传递_怎样理解值传递和引用传递？

发布时间 - 2026-01-07 00:00:00 点击率：次

JavaScript函数参数均为值传递，即基本类型传值副本、对象传地址副本；修改对象属性会影响外部，但重赋值不会；应通过浅拷贝或返回新对象避免意外修改。

JavaScript 中所有函数参数都是值传递，没有真正的引用传递。 这句话不是绕口令，而是理解 JS 参数行为的关键前提。很多人看到 obj.name = 'Jerry' 能改外部对象，就以为是“引用传递”，其实只是传了一个地址的副本——它既不是纯值，也不是真引用，而是一种“传引用的副本”（pass by sharing）。

为什么基本类型修改不影响外部变量？

因为数字、字符串、布尔值等原始类型存储在栈中，传参时直接复制值本身：

function changeNum(n) {
  n = 100;
}
let x = 42;
changeNum(x);
console.log(x); // 42，没变

n 是 x 的独立副本，改 n 就像改一张照片的打印件，原底片不受影响
哪怕你在函数里重新赋值、加减、拼接，都只作用于这个局部拷贝
这种行为在 number、string、boolean、null、undefined、symbol 上完全一致

为什么对象/数组能被“修改成功”？

因为传的是堆内存中对象地址的副本，形参和实参指向同一块内存区域：

function mutateObj(o) {
  o.age = 30;        // ✅ 修改属性：生效
  o = { name: 'Bob' }; // ❌ 重赋值：断开连接，不影响外部
}
let person = { name: 'Alice' };
mutateObj(person);
console.log(person.age); // 30
console.log(person.name); // 'Alice'（没变成 'Bob'）

第一行 o.age = 30 是通过地址找到原对象并写入，所以外部可见
第二行 o = {...} 是让局部变量 o 指向新对象，原 person 变量仍指着旧地址
这就像你和朋友共用一个云文档链接，你编辑内容大家都能看到；但如果你把链接改成另一个文档，朋友打开的还是原来的

常见踩坑场景与应对建议

实际开发中，最容易栽跟头的地方不是“能不能改”，而是“什么时候意外改了”：

立即学习“Java免费学习笔记（深入）”；

用 Array.prototype.push()、.pop()、.splice() 等方法操作传入的数组，会直接污染原始数组——除非你明确想这样，否则应先 [...arr] 或 arr.slice() 浅拷贝
用解构赋值 { name } = obj 拿出属性后修改，不会影响 obj；但若解构后又执行 obj.name = 'xxx'，就又回到共享地址的老问题
函数返回新对象（如 return { ...obj, age: newAge }）比原地修改更安全，尤其在 React/Vue 的响应式逻辑中，避免触发不必要的更新
调试时别只看 console.log 的输出——用 === 判断两个变量是否指向同一对象，比“看起来一样”更可靠

真正容易被忽略的，不是“对象能被改”，而是“改的是谁的副本”。只要记住：JS 里没有魔法，只有栈里的地址拷贝 + 堆里的真实数据。传什么，就只能动什么；想不动原数据，就得自己做拷贝。

# vue # react # javascript # java # js # 栈 # 为什么

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：docker中无法使用yum怎么办

下一篇：composer提示proc_open被禁用怎么办_PHP禁

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：docker中无法使用yum怎么办

下一篇：composer提示proc_open被禁用怎么办_PHP禁