如何在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+ 瀏覽量

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.