JavaScript函数参数传递机制：按值传递的深度解析

JavaScript变量存储机制

JavaScript通过变量对象来管理变量的生命周期。对于基本类型值，其具体数值直接存储在变量对象中；而对于引用类型值，变量对象中保存的仅是指向实际内存对象的指针，该指针指向对象在内存中的具体位置。

基本类型值的传递行为

基本类型值的传递

当向函数参数传递基本类型值时，系统会将该值复制一份赋给局部变量（即命名参数，或arguments对象中的对应元素）。

function addOne (num) {
 num++;
 return num;
}
var count = 1;
var result = addOne(count);
console.log(count); //1
console.log(result); //2

以变量count为例，其值被传递给函数参数num。尽管此时count与num拥有相同的数值，但它们在内存中是两个完全独立的变量。因此，在函数内部对参数num进行修改，绝不会影响函数外部变量count的值。

基于上述行为，可以确定JavaScript中基本类型值的参数传递遵循按值传递的原则。

引用类型值的传递误区与真相

引用类型值的传递

function setName (obj) {
 obj.name = 'Nicholas';
}
var person = new Object();
setName(person);
console.log(person.name); //'Nicholas'

在涉及引用类型的示例中，变量person的值被传递给函数参数obj。若在函数内部为参数obj添加name属性，函数外部的变量person也会随之获得该name属性。从这一表象来看，JavaScript中引用类型参数的传递似乎遵循按引用传递。

然而事实并非如此。由于变量person存储的是引用类型值，其在变量对象中表现为指向内存中实际对象的地址（指针）。参数传递后，参数obj也获得了该对象的内存地址。因此，在函数内部通过参数obj操作对象，实际上等同于操作变量person所指向的同一对象。

function setName (obj) {
 obj.name = 'Nicholas';
 obj = new Object();
 obj.name = 'Greg';
 return obj;
}
var person = new Object();
var result = setName(person);
console.log(person.name); //'Nicholas'
console.log(result.name); //'Greg'

若参数传递机制确为按引用传递，那么函数内部对参数obj指向对象的修改应直接反映在变量person上。为了更清晰地理解按值传递的本质，我们可以调整函数实现方式。

function setName () {
 var obj = arguments[0];
 obj.name = 'Nicholas';
 obj = new Object();
 obj.name = 'Greg';
 return obj;
}

尽管变量person和参数obj指向内存中同一个对象，但它们是两个独立的变量实体。如果在函数内部将参数obj重新赋值为指向另一个新对象，变量person的值将保持不变，依然指向原来的对象。

综上所述，JavaScript中引用类型值的参数传递同样遵循按值传递的原则。

结论

JavaScript中所有函数的参数传递机制统一为按值传递。

希望本文对JavaScript参数传递机制的解析能协助您的学习或工作，欢迎继续支持本站获取更多内容。