如何在 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+ 閱讀量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告