如何在 JavaScript 函式中設定預設引數值?
在本教程中,我們將學習如何為 JavaScript 函式設定預設引數值。JavaScript 是一種面向物件的程式語言,它為我們提供了執行函式式和麵向類程式設計的功能,使我們能夠輕鬆管理程式碼並重復使用程式碼。
在函數語言程式設計中,程式設計師建立了一個函式,該函式可能接受一些引數,並在執行了若干步驟後可能返回某個值。函式的引數值可以是字串、數字、物件等,我們還可以設定引數的預設值。
這使得處理函式引數變得更加容易。您可以輕鬆地設定預設引數,以便使用預設值初始化形式引數。只有在沒有傳遞值或傳遞 undefined 時,這才是可能的。
語法
現在讓我們來看一下在 JavaScript 函式中設定預設引數值的語法:
//default is set to 1
function setDefaultValue(val1, defaultValue = 1) {
return val1 + defaultValue;
}
在上面的語法中,我們註釋了“預設設定為 1”,它定義了第二個引數“defaultValue”的預設值,並使用“function”關鍵字聲明瞭一個名為“setDefaultValue”的函式。在這個函式中,我們傳遞了兩個引數“val1”和“defaultValue”,正如我們所討論的,我們設定了第二個引數的預設值,即 1。在函式的最後,我們返回了兩個引數值的總和。
演算法
我們已經看到了上面學習如何在 JavaScript 函式中設定預設引數值的語法,現在我們將逐步瞭解完整的步驟:
首先,我們建立一個表單,在其中建立一個與函式“display”連線的按鈕。
現在,我們必須在 script 標籤中建立一個函式“setDefaultValue”。在這個函式中,我們必須傳遞兩個引數。
現在,我們必須設定函式“setDefaultValue”的第二個引數的預設值。
在函式“setDefaultValue”中,我們必須編寫一個 return 語句,在其中我們傳遞了兩個引數的總和。
接下來,在 script 標籤中,我們必須建立另一個與按鈕連線的函式“display”。
在函式“display”中,我們必須編寫“document.write”語句,並在其中呼叫函式“setDefualtValue”,並傳遞兩個引數的值,即第一種情況。
類似地,對於第二種情況,我們只傳遞了函式“setDefaiultValue”的第一個引數的值。
示例
我們已經看到了學習如何在 JavaScript 函式中設定預設引數值的語法和演算法,現在讓我們舉一個例子來實現上面討論的步驟。
<html> <body> <form> <button type="button" onclick="display()">Click to see the Result</button> </form> <script> // default is set to 1 function setDefaultValue(val1, defaultValue = 1) { return val1 + defaultValue; } function display(){ //Here we passed value of both the variable val1 and defaultValue document.write(setDefaultValue(10,10)); document.write("<br>"); //Here we only passed the value of the variable val1 document.write(setDefaultValue(10)); } </script> </body> </html>
在上面的程式碼中,我們首先聲明瞭一個表單,在其中建立了一個與名為“display”的函式連線的按鈕,因此當我們點選此按鈕時,將呼叫 display 函式。接下來,在 script 標籤中,我們建立了一個函式“setDefaultValue”,在其中我們傳遞了兩個引數,並透過簡單地使用“=”和賦值 1 來設定第二個引數的預設值。之後,我們建立了另一個函式“display”,在其中我們使用了“document.write”,並在其中傳遞了第一個函式以及引數的值。我們有兩種情況。
第一種情況是,我們傳遞了兩個引數的值,即 10、10,因此函式“setDefaulValue”將第二個引數的值視為 10,並返回兩個引數值的總和,即 10+10 = 20,您可以在第二個影像中看到。
第二種情況是,我們只傳遞了第一個引數的值,即 10。現在,函式“setDefalutVaule”將第一個引數的值視為 10,並且我們沒有傳遞第二個引數的值,因此此時它將第二個引數的預設值視為 1。並返回引數值的總和,即 10+1 = 11,您可以在第二個影像中看到。
結論
在本教程中,我們學習瞭如何在 JavaScript 函式中設定預設引數值。函式的引數值可以是字串、數字、物件等,我們還可以設定引數的預設值。這使得處理函式引數變得更加容易。您可以輕鬆地設定預設引數,以便使用預設值初始化形式引數。只有在沒有傳遞值或傳遞 undefined 時,這才是可能的。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP