如何在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中具有多个参数的函数。我们使用按钮点击事件来调用函数“Show Arguments”，以显示函数“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中具有多个参数的函数。“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+ 浏览量

启动您的职业生涯

完成课程获得认证

开始学习
广告