如何为 JavaScript 函数设置默认参数值?

javascriptweb developmentfront end technology更新于 2024/6/20 14:38:00

在本教程中,我们将学习如何为 JavaScript 函数设置默认参数值。JavaScript 是一种面向对象的编程语言,它为我们提供了执行函数式和面向类编程的功能,使我们能够轻松管理代码并重用代码。

在函数式编程中,程序员创建一个函数,该函数可能接受一些参数,并在执行一些应该执行的步骤后返回一些值。函数的参数值可以是字符串、数字、对象等,我们还可以设置参数的默认值

这可以轻松处理函数参数。您可以轻松设置默认参数,以允许使用默认值初始化形式参数。仅当未传递任何值或未定义时才有可能。

语法

现在让我们来看看为 JavaScript 函数设置默认参数值的语法 -

//默认设置为 1
function setDefaultValue(val1, defaultValue = 1) {
return val1 + defaultValue;
}

在上面的语法中,我们注释了"默认设置为 1"定义第二个参数"defaultValue"的默认值,并使用"function"关键字声明了函数名称"setDefaultValue"。在这个函数中,我们传递了两个参数'val1'和'defaultValue',正如我们讨论的那样,我们设置了第二个参数的默认值,即 1。在函数的最后,我们返回了两个参数值的总和。

算法

我们已经看到了上面的语法,学习了为 JavaScript 函数设置默认参数值,现在我们将逐步了解完整的方法 -

  • 首先,我们创建一个表单,在其中创建一个与函数'display'相连的按钮。

  • 现在我们必须在脚本标记中创建一个函数'setDefault Value'。在这个函数中,我们必须传递两个参数。

  • 现在我们必须设置函数'setDefaultValue'的第二个参数的默认值。

  • 在函数'setDefaultValue'中,我们必须编写一个返回语句,在其中传递两个参数的总和。

  • 在脚本标记中,我们必须创建另一个连接到按钮的函数'display'。

  • 在函数'display'中,我们必须编写'document.write'语句,在其中,我们通过传递两个参数的值(即案例一)来调用函数'setDefualtValue'。

  • 同样,对于案例二,我们只传递了函数第一个参数的值'setDefaiultValue'。

示例

我们已经了解了设置 JavaScript 函数默认参数值的语法和算法,现在让我们通过一个例子来实现上面讨论的步骤。

<html> <body> <form> <button type="button" onclick="display()">Click to see the Result</button> </form> <script> // default is set to 1 function setDefaultValue(val1, defaultValue = 1) { return val1 + defaultValue; } function display(){ //Here we passed value of both the variable val1 and defaultValue document.write(setDefaultValue(10,10)); document.write("<br>"); //Here we only passed the value of the variable val1 document.write(setDefaultValue(10)); } </script> </body> </html>

在上面的代码中,我们首先声明了一个表单,并在其中创建了一个按钮,该按钮与函数名称"display"相关联,因此当我们单击此按钮时,将调用函数 display。此外,在脚本标记中,我们创建了一个函数"setDefaultValue",在该函数中我们传递了两个参数,并通过简单地使用"="并分配 1 来设置第二个参数的默认值。之后,我们创建了另一个函数"display",在该函数中我们使用"document.write",并将参数值传递给第一个函数。其中有两种情况。

第一种情况是我们传递了两个参数的值,即 10, 10,因此函数"setDefaulValue"将第二个参数的值视为 10,并返回两个参数值的总和,即 10+10 = 20,如第二幅图所示。

第二种情况是我们仅传递了第一个参数的值,即 10。现在函数"setDefalutVaule"将第一个参数的值视为 10,而我们没有传递第二个参数的值,因此此时它会考虑第二个参数的默认值,即 1。并返回参数值的总和,即 10+1 = 11,如第二幅图所示图像。

结论

在本教程中,我们学习了为 JavaScript 函数设置默认参数值。函数的参数值可以是字符串、数字、对象等,我们还可以设置参数的默认值。这可以轻松处理函数参数。您可以轻松设置默认参数,以允许使用默认值初始化形式参数。这仅在未传递任何值或未定义时才有可能。


相关文章