如何在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'的變數傳遞到引數中。使用者可以根據需要使用這兩種方法中的任何一種。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP