如何在 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 時,這才是可能的。

更新於:2022-11-07

425 次瀏覽

開啟您的 職業生涯

透過完成課程獲得認證

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