js函数参数传递（JS函数传参)

JavaScript作为一门动态语言，其函数参数传递机制常被开发者称为"灵活的双刃剑"。不同于强类型语言的严格参数定义，JS允许任意数量、任意类型的参数传递，这种特性既带来了极高的开发自由度，也埋下了难以察觉的逻辑隐患。从底层实现来看，JS采用"传值"与"传引用"的混合机制：原始类型始终传递数值副本，而对象类型则传递内存地址引用。这种双重标准在函数内部修改参数时表现尤为明显——原始类型修改不影响外部变量，而对象属性变更会直接反映在原对象上。更复杂的场景涉及嵌套对象、函数闭包、默认参数和解构赋值，这些特性使得参数传递行为呈现出高度动态性。

一、基础概念与核心机制

JavaScript参数传递的核心规则可归纳为：原始类型（String/Number/Boolean/Symbol/BigInt）传递数值副本，对象类型（Object/Array/Function）传递内存地址引用。这种机制源于底层存储结构的差异——原始类型存储在栈内存，赋值时复制数值；对象类型存储在堆内存，赋值时复制引用指针。

参数类型	传递方式	函数内修改影响	内存区域
Number/String	传值	无影响	栈内存
Object/Array	传引用	直接影响原对象	堆内存

二、原始类型的不可变性

当传入原始类型参数时，函数内部获得的实际上是该值的独立副本。即使重新赋值也不会改变外部变量，这种特性保证了原始类型参数的安全性。例如：

function test(num)  num = 5;  let a = 1; test(a); console.log(a); // 输出1

此处num是a的副本，修改仅作用于函数作用域。

三、对象类型的引用传递

对象参数传递的是内存地址引用，函数内部修改对象属性会直接影响原对象。但若整体替换对象引用，则不影响外部变量：

function test(obj)  obj.prop = 2; obj = prop:3;  let a = prop:1; test(a); console.log(a.prop); // 输出2

此例中obj.prop操作修改原对象，而obj = 仅改变局部引用指向。

操作类型	影响范围	典型示例
属性修改	影响原对象	obj.prop = value
整体赋值	仅限函数内部	obj = newObj

四、函数内部的参数变异

参数重定义（const/let/var声明）会创建新的块级作用域变量，这与参数本身的传递机制无关。例如：

function test(x)  x = x + 1; let x = x  2;  let a = 5; test(a); console.log(a); // 仍为5

此处两次x赋值分别作用于函数参数和块级变量，均不改变外部a的值。

五、默认参数与参数解构

ES6引入的默认参数机制本质上是参数赋值前的预处理：

function test(x = 1)  console.log(x);  test(); // 输出1 test(5); // 输出5

当调用时未传参，默认值会在函数执行前完成赋值。解构赋值参数则允许直接操作对象/数组结构：

function test(name, age)  console.log(name);  test(name:'Alice', age:25);

参数形式	本质特性	作用范围
默认参数	预赋值处理	仅参数初始化阶段
解构参数	语法糖封装	不影响传递机制

六、剩余参数（rest parameters）特性

...args语法将多个参数合并为数组，其传递遵循常规对象规则：

function test(...nums)  nums[0] = 10;  test(5,6,7); console.log([5,6,7]); // 仍为[5,6,7]

虽然nums是数组引用，但仅修改数组元素会影响原参数，重新赋值整个数组参数不会改变外部变量。

七、箭头函数的特殊参数处理

箭头函数没有自身的this绑定，但参数传递机制与普通函数完全一致：

let obj = value:1, func: function(x)  this.value += x; ; obj.func(2); console.log(obj.value); // 输出3 let arrowFunc = (x) => this.value += x; obj.arrowFunc = arrowFunc; obj.arrowFunc(2); console.log(obj.value); // 仍为3

此例显示箭头函数的this指向与参数传递无关，仅影响上下文绑定。

八、闭包中的参数持久化

当函数参数被闭包捕获时，其值会持续存在于内存中：

function createCounter(initial)  return function()  initial++; console.log(initial); ;  let counter = createCounter(5); counter(); // 6 counter(); // 7
此处initial参数被封闭在闭包作用域，每次调用都保持最新值。这种特性使参数在异步操作中仍可保持状态。
通过上述多维度分析可见，JavaScript函数参数传递机制看似简单，实则包含原始类型副本、对象引用、作用域规则、闭包特性等多重交互。开发者需特别注意对象属性修改与整体赋值的区别，理解默认参数和解构赋值的本质，警惕剩余参数的数组特性。在实际开发中，建议对关键参数进行深拷贝（如JSON.parse(JSON.stringify())），避免意外的引用类型副作用。对于需要保持状态的参数，可结合闭包或模块化设计来实现安全的数据封装。