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
默认参数能访问前面的参数或作用域变量吗?
可以,且按从左到右顺序求值。这意味着后面的参数能引用前面已定义(或有默认值)的参数,但不能反向引用。
立即学习“Java免费学习笔记(深入)”;
function greet(name, greeting = `Hello, ${name}!`, length = greeting.length) {
return greeting;
}
greet('Alice'); // "Hello, Alice!",greeting 和 length 都能正确计算
但下面这样会报错:
系统模块主要有:1、网站栏目可以自定义网站栏目,自定义的网站栏目可以分为两个级别层次,当然也可以只做一个层次,设置新网站栏目后编辑网站栏目的内容;默认栏目有些可以关闭和开启。2、物品展示系统与以往网站系统不同的是,该物品展示系统可以从0全部自定义物品的所有参数和信息;因为每种物品的详细参数是不一样的,如手机和笔记本参数完全不一样;可以自定义新物品的参数,然后自定义物品的次级和三级物品分类,大大实现
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不再自动映射实参变化(严格模式下本就不映射,但这里多一层干扰)
真正要小心的,其实是默认值表达式里隐式依赖的执行时机和作用域边界——它不像函数体那样“延后”,而是在参数绑定阶段就运行。










