JavaScript函数参数默认值的设置陷阱，千万别忽视！

2023-12-01 02:27:05

掌握 JavaScript 函数参数默认值的艺术

在 JavaScript 的广阔世界里，函数参数默认值就像一把双刃剑。它们可以赋予你的代码灵活性，但如果不加注意，也可能带来一些意外的陷阱。在这篇博客中，我们将深入探讨 JavaScript 函数参数默认值的设置规则，揭示常见的陷阱，并提供最佳实践，帮助你避免它们。

何为 JavaScript 函数参数默认值？

顾名思义，JavaScript 函数参数默认值是当你调用函数时，如果没有为该参数提供值，函数会自动分配的值。例如，假设我们有一个函数：

function greet(name = "Stranger") {
  console.log("Hello, " + name);
}

在这种情况下，"Stranger" 是 name 参数的默认值。如果我们调用 greet() 函数而不提供参数：

greet();

控制台会打印出 "Hello, Stranger"。

设置函数参数默认值的规则

设置函数参数默认值的规则非常简单：

只在函数定义时设置： 默认值必须在函数定义时设置，不能在函数调用时设置。
使用引用类型： 如果参数是对象或数组，则默认值必须是一个引用类型，而不是值类型。
使用函数表达式： 如果参数是一个函数，则默认值必须是一个函数表达式或函数声明，而不是一个函数调用。

常见的陷阱及其规避之道

虽然规则看似简单，但在使用 JavaScript 函数参数默认值时，还是有一些常见的陷阱需要注意：

陷阱 1：忘记设置默认值

这可能是最常见的陷阱。如果不为参数设置默认值，则在调用函数时传递 undefined 或不传递参数时，该参数将保持 undefined。为了避免这种情况，养成在函数定义时始终为参数设置默认值的好习惯，即使默认值是 undefined。

陷阱 2：使用 null 作为默认值

虽然 undefined 和 null 都表示没有值，但在 JavaScript 中它们是有区别的。如果一个参数的默认值设置为 null，则在调用函数时传递 undefined 或不传递参数时，参数将保持为 null，而不是使用默认值。为了避免这种情况，请始终使用 undefined 作为默认值，而不是 null。

陷阱 3：在函数调用时设置默认值

这个陷阱与第一个陷阱很相似。在函数调用时不能设置默认值。默认值必须在函数定义时设置。

陷阱 4：使用值类型作为默认值

值类型，如数字、字符串和布尔值，不能被修改。如果一个参数的默认值是一个值类型，则在函数内部修改该参数时，原始默认值不会受到影响。为了避免这种情况，请使用引用类型，如对象和数组，作为默认值。

陷阱 5：使用函数调用作为默认值

在函数调用时不能设置默认值，当然也不能使用函数调用作为默认值。默认值必须是函数表达式或函数声明。