17370845950

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;
• 在严格模式下行为一致，无额外限制