Javascript 默認參數

| | | |

默認設置使使用函數變得更加容易。使用默認設置,您可以告訴您的函數在您未指定的情況下使用哪些設置。這有助於避免錯誤並使代碼更具可讀性。

JavaScript 在 ES2015 中引入了默認設置。這些允許您使用默認值初始化函數。

在本指南中,我們將討論默認設置是什麼、如何使用它們以及可以指定哪些類型的表達式作為默認值環境。我們將通過幾個示例,以便您擁有開始所需的所有代碼。

參數與參數:戰鬥

在開始之前,讓我們回答一下初學者的一個古老問題:參數和參數之間有什麼區別?在開始使用 JavaScript 中的預設之前,您應該知道區別。

參數是您傳遞給 JavaScript 函數的命名變量。永遠不會為參數分配直接值。您將傳遞給函數的值有一個佔位符。這是一個示例參數:

在這個例子中,“name”是我們的參數。它沒有賦值。

另一方面,參數是傳遞給函數的值:。

我們的代碼返回:“Hello,Brett”。 "Brett" 是一個參數示例,它是我們通過函數傳遞的值

調用函數而不指定其所有參數s 會導致錯誤:

我們的代碼返回:Hello, undefined 。事實上,我們沒有對函數採用值

JavaScript 默認參數

我們可以通過指定一個默認的默認參數來解決這個問題。系統允許您指定將分配給參數的值(如果未指定)。

默認值分配使用賦值運算符:

我們的代碼返回:Hello, World。如您所見,我們在此示例中沒有指定參數。取而代之的是,我們設置了一個默認函數參數。在這種情況下,只要有參數不指定,我們函數中“name”參數的值就變成了“World”。

這樣就容易多了而不必手動檢查是否指定了值。

默認參數可以有一個原語或對象分配為一個值。以下是一些有效默認參數的示例:

您可以在函數中指定的默認參數的數量沒有限制。考慮以下代碼:

我們的代碼返回:

在本例中,我們指定了兩個默認設置:咖啡和價格。您還可以在默認設置和正常設置之間混合使用您指定的設置。執行此操作時,您需要將所有常規設置放在默認設置之前。考慮這個例子:

我們的代碼返回:

我們指定了一個主題:卡布奇諾。這是我們點的咖啡的名稱。由於我們沒有為這個參數指定一個默認值,我們必須指定一個參數值;否則將返回“未定義”

我們聲明“價格”的默認值應該是“1.75”。由於我們將其設置為默認值,所以當我們不指定價格時,它會自動設置為“1.75”。

在默認設置之前指定常規設置很重要。確實,參數的值是按照函數調用中出現的順序定期分配的。

函數作為默認參數

您可以將函數設置為默認參數,如果您要傳遞給函數的值是使用另一個函數計算得出的,這很有用。

在下面的代碼片段中,我們將創建一個函數,為新的視頻遊戲玩家生成一個偽隨機用戶名:

我們的代碼返回:

暫停讓我們的代碼

我們已經聲明了一個名為 getRandomUsername () 的函數,它生成一個偽隨機用戶名。它的工作原理是生成一個隨機數並從四個用戶名的列表中隨機選擇一個用戶名。然後將隨機數附加到用戶名的末尾。這個函數返回新生成的用戶名

在我們的createUser中,我們設置了默認的“username”參數等於我們的getRandomUsername()。這意味著,只要我們不為新用戶指定用戶名,就會生成一個隨機用戶名。

然後我們的代碼會打印出用戶的用戶名和電子郵件地址。在控制台。

結論

我默認設置允許你定義如果在函數調用中未將參數指定為參數,則將分配給參數的值。參數有助於使您的函數更易於閱讀並減少未將值傳遞給函數時可能出現的問題。

您現在可以像專家一樣開始使用 JavaScript 默認設置了!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method