JavaScript函数定义与参数传递全解析

JavaScript函数看似简单，实则暗藏玄机：它既不纯粹传值也不纯粹传引用，而是独特的“按共享传递”——原始类型传值副本，对象传地址副本，导致修改属性会影响外部对象而重新赋值则不会；函数声明会提升可先调用，表达式和箭头函数则不可，且后者没有this和arguments、不能new；现代开发更推荐用...args和解构传参替代arguments，并善用默认值避免undefined错误——理解这些细节，才能真正掌控函数行为，避开无数隐蔽的bug陷阱。

JavaScript 函数定义本身很简单，但参数传递的细节常被误解——它既不是纯值传，也不是纯引用传，而是「按共享传递」（call by sharing），这直接决定了你改不改得到原始值。

函数声明 vs 函数表达式：语法差异影响提升（hoisting）

声明式函数会被提升到作用域顶部，可先调用后定义；表达式则不行，否则报 TypeError: xxx is not a function。

• function foo() {}：声明，可提前调用
• const foo = function() {} 或 const foo = () => {}：表达式，必须先定义再调用
• 箭头函数没有自己的 this、arguments，也不能用 new 调用

参数传递本质：原始类型传值副本，对象传引用副本

所谓“传引用”是常见误读。JS 中所有参数都是传值，只是这个“值”对对象来说是内存地址的副本。因此：

• 修改 number/string/boolean 参数内部值，不影响外部变量
• 给参数重新赋值（如 obj = {}）不会影响外部对象，因为只是改了副本地址
• 但通过 obj.prop = 1 或 arr.push() 修改属性/元素，会影响外部对象——因为地址没变，操作的是同一块内存

剩余参数（...args）和解构传参：替代 arguments 的现代写法

arguments 是类数组对象，无 map/forEach 等方法，且在箭头函数中不可用。用 ...args 更可靠：

function sum(...nums) {
  return nums.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3); // 6

• ...args 必须是最后一个形参
• 解构可用于对象/数组参数：function fn({name, age}) 或 function fn([a, b])
• 解构时可设默认值：function fn({name = 'anon'} = {}) {}（注意右侧的 = {} 防止传 undefined 报错）

最易忽略的一点：函数内部修改参数对象的属性是否生效，完全取决于你操作的是「属性访问」还是「变量重赋值」——前者穿透，后者断连。别被“传引用”的说法带偏。

今天关于《JavaScript函数定义与参数传递全解析》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！