如何在 JavaScript 中声明可选函数参数？

本教程将介绍如何在 JavaScript 中声明可选函数参数。当定义一个函数时，它会在函数块内包含一些变量用于其内部使用。这些被称为函数参数。请注意，在声明函数时不必提供函数参数，但在调用函数时可以提供。

在此上下文中，参数是在 函数 调用时传递的值，而实参是指在函数定义内定义的 变量。

可选参数的定义

可选参数是指在调用函数时可以省略某些参数的能力，从而在传递的实参数量方面提供了更大的灵活性。

换句话说，除非指定了一些参数，否则函数在缺少参数时将无错误地执行，这体现了可选参数的性质。

在 JavaScript 中，所有参数都可以标记为可选。用户在进行函数调用时只需跳过提供任何实参即可。

有多种技术可用于处理 JavaScript 中的可选函数参数，每种技术都将单独进行分析。

1. 为参数设置默认值
2. 使用 arguments.length 属性
3. 使用逻辑 OR 运算符 (||)

为参数设置默认值

在此方法中，我们将为参数设置默认值。因此，如果函数在没有为特定参数提供实参的情况下调用，它将使用默认值作为参数值。此外，如果为特定参数提供了值，函数将使用提供的该值。

语法

用户可以遵循指定的语法为参数分配默认值。

参数

default_value – 这可以代表任何值，包括 字符串、数字或其他 数据类型。

示例

在下面的示例中，用户将发现如何分配默认值给参数以有效管理可选参数。

代码

输出

在之前的输出中，可以清楚地看到，当提供两个参数时，会使用变量 number2 和 number3 的预设值，这表明这些参数在函数中不是必需的。

使用 arguments.length 属性

在 JavaScript 中，每个函数都包含一个称为 arguments 的对象，该对象存储参数值。arguments 对象的 length 属性显示了为函数提供了多少参数。我们将使用条件语句为任何缺失的参数设置值。

语法

程序员可以利用以下语法来访问 arguments.length 属性。

示例

在此示例中，个人可以了解如何使用 argument.length 属性计算提供的参数总数，以及如何根据该总数设置这些参数的值。

代码

输出

在提供的输出中可以看到，具有不同实参的函数调用会根据 arguments 对象的长度为参数分配值。

使用逻辑 OR 运算符 (||)

逻辑 OR 运算符 (||) 会评估第一个操作数，并在其已定义时将其值分配给 变量。在任何参数缺少函数实参的情况下，它将被视为 undefined，从而促使 OR 运算符 为该变量分配默认值。

语法

要使用 OR 运算符管理可选参数，请遵循下面概述的语法。

参数

default_value – 当特定参数没有分配给它们的实参时，可以传入任何值。

示例

在下面的示例中，我们将使用逻辑 OR 运算符，了解如何有效管理可选参数。

代码

输出

结论

当我们使用可选参数时，JavaScript 函数将是高效且灵活的。

无论是通过利用 **“解构赋值”** 和 **“ES6 的默认参数”**，还是通过 arguments 对象 和逻辑 OR 运算符等更经典的技术，编写有组织且高效的 JavaScript 代码都需要牢固掌握这些技巧。因此，通过使用可选参数，您将能够为函数添加更多灵活性和健壮性，使您的 Web 应用程序具有更通用的质量。