如何在 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' 的變數作為引數。使用者可以根據自己的需求使用這兩種方法中的任何一種。