如何在 JavaScript 中将 'undefined' 值传递给具有多个参数的函数?


在本教程中,我们将学习如何在 JavaScript 中将 'undefined' 值传递给具有多个参数的函数。

在 JavaScript 中,'undefined' 的数据类型是原始类型。当声明一个变量时,JavaScript 会自动为其分配 'undefined' 值。如果一个函数有多个参数,并且其中一个参数的值目前不可用,那么我们需要从函数调用中省略该参数的值。但是,如果我们用空格省略参数的值,JavaScript 将显示错误。

语法

function abc(param1, param2, param3) {
   console.log(param1, param2, param3);
}
// Will does not work this way
abc(10, ,30) // Throws an error

在上面的语法中,“abc” 是一个具有三个参数的函数。我们用一个缺失的参数调用了此函数。

在本教程中,我们将讨论两种不同的方法来克服这个问题,以及如何将 'undefined' 传递给具有多个参数的函数 -

  • 直接将 'undefined' 值传递给参数。

  • 传递一个值为 'undefined' 的变量。

直接将 'undefined' 值作为参数传递

如果函数有多个参数,并且用户不想使用所有参数或其中一个参数缺失,那么直接将 'undefined' 值传递给参数是处理此问题的不错方法。我们可以像传递其他任何数据类型(如数字、字符串或布尔值)一样,将 undefined 值传递给参数。

语法

function abc(param1, param2, param3) {
   console.log(param1, param2, param3);
}
// Passing undefined values directly in the arguments
abc(10, undefined, 30)

在上面的语法中,“abc” 是一个具有三个参数的函数。我们通过直接在其参数中传递 undefined 值来调用此函数。

示例

在下面给出的示例中,我们已将 'undefined' 值直接传递给 JavaScript 中具有多个参数的函数。我们使用按钮点击事件来调用函数“显示参数”以显示函数“showArguments”的所有参数。

#注意:我们在函数声明或定义期间声明的变量称为参数。我们在函数调用中传递的实际值称为参数。

<html> <body> <p>function showArguments(param1, param2, param3)</p> <button onclick = "showArguments('Tutorialspoint', undefined, 10)"> Show Arguments</button> <p id = "root"></p> <script> function showArguments(param1, param2, param3) { let str = 'Argument 1: ' + param1 + '<br />' str += ' Argument 2: ' + param2 + '<br />' str += ' Argument 3: ' + param3 + '<br />' root.innerHTML = str } </script> </body> </html>

传递一个值为 'undefined' 的变量

我们可以使用一个值为 'undefined' 的变量,将 'undefined' 值传递给具有多个参数的函数。在 JavaScript 中,每当用户声明一个变量时,它都会自动包含 'undefined' 的值。

语法

function abc(param1, param2, param3) {
   console.log(param1, param2, param3);
}
let undef; // stores the value 'undefined'
// Passing 'undefined' values using a variable
abc(10, undef, 30)

在上面的语法中,“abc” 是一个具有三个参数的函数。“undef” 是一个包含 'undefined' 值的变量。我们将“undef” 变量传递给“abc” 函数的参数。

示例

在下面给出的示例中,我们已使用一个包含 'undefined' 值的变量,将 'undefined' 值传递给 JavaScript 中具有多个参数的函数。我们使用按钮点击事件来调用函数“显示参数”以显示函数“showArguments”的所有参数。“undef” 是一个包含 'undefined' 值的变量。

<html> <body> <p>function showArguments(param1, param2, param3)</p> <button onclick = "showArguments('Tutorialspoint', undef, 10)"> Show Arguments</button> <p id = "root"></p> <script> // 'undefined' variable let undef; function showArguments(param1, param2, param3) { let str = ' Argument 1: ' + param1 + '<br />' str += ' Argument 2: ' + param2 + '<br />' str += ' Argument 3: ' + param3 + '<br />' root.innerHTML = str } </script> </body> </html>

在本教程中,我们学习了使用两种方法将 'undefined' 值传递给 JavaScript 中具有多个参数的函数。在第一种方法中,我们直接在函数的参数中传递 'undefined',在第二种方法中,我们传递一个值为 'undefined' 的变量作为参数。用户可以根据自己的需求使用这两种方法中的任何一种。

更新于: 2022年10月20日

3K+ 阅读量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告