JavaScript默认参数是在函数定义时为形参指定的初始值,仅当调用时传入undefined才生效;支持表达式、函数调用及前置参数引用,且每次调用重新求值。

JavaScript 默认参数是指在函数定义时为形参指定的初始值,当调用函数时未传入对应实参(或传入 undefined),该参数就会自动使用设定的默认值。
默认参数的基本写法
ES6(ECMAScript 2015)起支持在函数参数列表中直接用 = 赋值设置默认值:
function greet(name = 'Guest', message = 'Hello') {
return `${message}, ${name}!`;
}
console.log(greet()); // "Hello, Guest!"
console.log(greet('Alice')); // "Hello, Alice!"
console.log(greet('Bob', 'Hi')); // "Hi, Bob!"
注意:只在传入 undefined 时才触发默认值;传入 null、0、false、空字符串等“falsy 值”不会触发默认值。
默认参数可以是表达式或函数调用
默认值不局限于字面量,可以是任意表达式,包括函数调用、对象属性访问、甚至其他参数(但需注意顺序):
立即学习“Java免费学习笔记(深入)”;
家电公司网站源码是一个以米拓为核心进行开发的家电商城网站模板,程序采用metinfo5.3.9 UTF8进行编码,软件包含完整栏目与数据。安装方法:解压上传到空间,访问域名进行安装,安装好后,到后台-安全与效率-数据备份还原,恢复好数据后到设置-基本信息和外观-电脑把网站名称什么的改为自己的即可。默认后台账号:admin 密码:132456注意:如本地测试中127.0.0.1无法正常使用,请换成l
- 支持调用函数生成默认值:
function now(time = Date.now()) { ... } - 可引用前面已定义的参数:
function multiply(a, b = a * 2) { return a * b; }(但不能引用后面的参数) - 支持解构 + 默认值组合:
function draw({x = 0, y = 0, radius = 1} = {}) { ... }(注意末尾的= {}防止传入undefined导致解构报错)
与传统写法(如 a || 'default')的区别
老写法常这样模拟默认值:
function legacy(a) {
a = a || 'default'; // ❌ 会把 0、false、'' 等 falsy 值也覆盖
return a;
}
而默认参数只在 undefined 时生效,更精确、语义更清晰。例如:
-
func(0)→ 参数就是0,不会变成默认值 -
func()或func(undefined)→ 才启用默认值
常见陷阱与注意事项
使用默认参数时需留意几点:
- 默认值表达式在每次函数调用时重新求值(不是定义时),适合需要动态值的场景(如生成新数组、新对象)
- 避免在默认值中引用尚未声明的参数(会报错):
function bad(a = b, b = 1) {...}不合法 - 箭头函数同样支持默认参数:
const add = (a = 0, b = 0) => a + b; - 在严格模式下行为一致,无额外限制










