JavaScript函数默认参数设置方法

珍惜时间，勤奋学习！今天给大家带来《JavaScript函数默认参数怎么设置？》，正文内容主要涉及到等等，如果你正在学习文章，或者是对文章有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

JavaScript函数默认参数语法为param = defaultValue，ES6原生支持，仅当参数为undefined时触发，默认值表达式每次调用重新求值，可访问前序参数及外层变量，但不可反向引用或访问函数体内let/const声明。

JavaScript 函数默认参数的语法是什么？

ES6 开始，function 和 arrow function 都支持在参数列表中直接写默认值，形式是 param = defaultValue。它不是靠 || 或 ?? 模拟出来的，而是语言层原生机制。

注意：默认值表达式只在对应参数为 undefined 时才求值，其他假值（如 null、0、false、''）不会触发默认值赋值。

为什么 param || 'default' 不等于默认参数？

这是最容易混淆的地方。旧写法依赖逻辑或运算符，会把所有 falsy 值都覆盖掉，默认值“太激进”；而原生默认参数只认 undefined，语义更精确。

• myFunc(0) → param 是 0，param || 'default' 得到 'default'，但 param = 'default' 不会触发，param 仍是 0
• myFunc() → param 是 undefined，两种写法都会用默认值
• myFunc(null) → param || 'default' 仍返回 'default'，但 param = 'default' 不生效，param 保持 null

默认参数能访问前面的参数或作用域变量吗？

可以，且按从左到右顺序求值。这意味着后面的参数能引用前面已定义（或有默认值）的参数，但不能反向引用。

function greet(name, greeting = `Hello, ${name}!`, length = greeting.length) {
  return greeting;
}
greet('Alice'); // "Hello, Alice!"，greeting 和 length 都能正确计算

但下面这样会报错：

function bad(a = b, b = 1) { } // ReferenceError: cannot access 'b' before initialization

另外，默认值表达式可访问外层作用域变量，但不能访问函数体内的 let/const 声明（因为它们尚未进入初始化阶段）。

使用默认参数时要注意哪些兼容性和陷阱？

现代浏览器和 Node.js（≥ v6）都支持，但 IE 完全不支持。如果需兼容旧环境，得用 Babel 编译或手动降级。

几个典型坑：

• 默认值是表达式，每次调用都会重新执行（比如 arr = []，不是共享空数组）
• 对象解构 + 默认参数混用时容易嵌套出错，例如：function f({ x = 1 } = {}) { }，这里 = {} 是给整个参数对象设默认值，x = 1 是给解构出的 x 设默认值
• 箭头函数同样适用：const add = (a = 0, b = 0) => a + b
• 与 arguments 对象不兼容——启用默认参数后，arguments 不再自动映射实参变化（严格模式下本就不映射，但这里多一层干扰）

真正要小心的，其实是默认值表达式里隐式依赖的执行时机和作用域边界——它不像函数体那样“延后”，而是在参数绑定阶段就运行。

今天关于《JavaScript函数默认参数设置方法》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！