JavaScript中的参数默认值如何避免常见陷阱？

JavaScript参数默认值在调用时求值，避免使用可变对象或耗时操作作为默认值，防止副作用和性能问题；默认值仅当参数为undefined时生效，null等falsy值不会触发，需手动判断null场景。

JavaScript中的参数默认值虽然简洁实用，但使用不当容易引发意料之外的问题。理解其工作机制并注意边界情况，能有效避免常见陷阱。

默认值的求值时机

参数默认值在函数调用时才求值，而不是定义时。这意味着每次调用都会重新计算默认表达式，可能带来性能或逻辑问题。

• 避免将耗时操作（如网络请求、复杂计算）作为默认值
• 若需共享默认对象，应显式在函数外部创建，而非在参数中直接初始化

例如：不要写 function log(items = expensiveCalc())，而应将结果缓存或延迟处理。

避免可变默认值的副作用

使用对象、数组等可变类型作为默认值时，若在函数内修改它们，会影响后续调用。

• 错误示例：function pushItem(arr = [], item) { arr.push(item); return arr; }，多次调用会累积元素
• 正确做法：在函数体内重新创建新实例，或使用不可变操作

建议写成：arr = arr || [] 或使用 Array.from(arr) || [] 确保隔离。

注意 falsy 值的覆盖问题

默认值只在参数为 undefined 时生效，null、false、空字符串等不会触发默认值。

立即学习“Java免费学习笔记（深入）”；

• 若需对 null 也应用默认值，应手动判断：param == null
• 明确区分“未传参”和“有意传 null”的场景

例如：function greet(name = "Guest") 中，传入 function pushItem(arr = [], item) { arr.push(item); return arr; }0 不会使用默认值。
基本上就这些，掌握这些细节就能写出更可靠的默认参数逻辑。