JavaScript中函数参数按值传递与引用传递的本质区别-js教程-PHP中文网

javascript函数参数统一按值传递：基本类型传值副本，修改不影响外部；引用类型传地址副本，可修改对象内容但无法改变原变量指向。

javascript中函数参数按值传递与引用传递的本质区别

JavaScript 中函数参数既不是纯粹的“按值传递”，也不是纯粹的“按引用传递”，而是统一按值传递，但这个“值”可能是基本类型的值，也可能是引用类型的地址值。理解这一点，是厘清所谓“值传递 vs 引用传递”混淆的关键。

基本类型：传的是实实在在的值

当参数是 number、string、boolean、null、undefined、symbol、bigint 这些基本类型时，传入函数的是该值的一个**完全独立的副本**。函数内部对参数的修改，不会影响外部变量。

说明：这些类型在内存中直接存储值，位于栈（stack）中。

例子：

let x = 42;
function change(n) { n = 100; }
change(x);
console.log(x); // 输出 42 —— 没变

引用类型：传的是指向对象的地址值（即“指针副本”）

当参数是 object、array、function、date、regexp、map、set 等引用类型时，传入函数的是该对象在堆（heap）中的**内存地址的一个副本**。这个副本本身是按值传递的（地址值被复制），但它仍指向同一个对象。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

说明：你无法通过参数改变外部变量“指向谁”，但可以修改它“所指向的对象的内容”。

例子：

let obj = { a: 1 };
function modify(o) { o.a = 99; } // ✅ 修改对象属性 → 外部可见
modify(obj);
console.log(obj.a); // 输出 99

function reassign(o) { o = {}; } // ❌ 重新赋值参数 → 只改了副本，不影响外部
reassign(obj);
console.log(obj.a); // 仍是 99