JavaScript函数默认参数是什么？怎么设置默认值

JavaScript函数默认参数是ES6引入的一项实用特性，允许开发者在函数定义时为形参直接指定初始值，且仅当调用时对应实参为undefined（而非null、0、false等falsy值）才会生效，从而实现更精准、语义更清晰的参数处理；它支持动态表达式、函数调用、前置参数引用以及解构赋值组合，默认值每次调用都会重新计算，既避免了传统a || 'default'写法的陷阱，又提升了代码的可读性与健壮性——无论你是初学函数进阶，还是优化现有逻辑，掌握这一特性都能让你写出更优雅、更可靠的JavaScript代码。

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 值”不会触发默认值。

默认参数可以是表达式或函数调用

默认值不局限于字面量，可以是任意表达式，包括函数调用、对象属性访问、甚至其他参数（但需注意顺序）：

• 支持调用函数生成默认值：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;
• 在严格模式下行为一致，无额外限制

终于介绍完啦！小伙伴们，这篇关于《JavaScript函数默认参数是什么？怎么设置默认值》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！