Gibt es eine bessere Möglichkeit, optionale Funktionsparameter in JavaScript durchzuführen?

Funktionen in JavaScript enthalten häufig optionale Parameter, mit denen der Anrufer das Verhalten der Funktion ändern kann. Der Umgang mit optionalen Parametern kann jedoch schwierig und fehleranfällig sein, insbesondere bei der Arbeit mit großen Funktionen mit mehreren Parametern. Während es verschiedene alternative Möglichkeiten gibt, um optionale Funktionsparameter in JavaScript anzugeben, die die Robustheit des Codes vereinfachen und verbessern können.

In diesem Blog wird der bessere Weg zeigen, die optionalen Parameter in der Funktion zu verwenden.

Gibt es eine bessere Möglichkeit, optionale Funktionsparameter in JavaScript zu machen/zu verwenden?

Ja! Es gibt viele Möglichkeiten, die optionalen Parameter in der Funktion zu verwenden. Diese sind wie folgt:

• Standardparameterwert
• Verwenden Sie die „Argumente.Länge ”Eigenschaft

Hier werden wir zunächst die Parameter der optionalen Funktion verstehen. “Optionale Parameter”Sind Funktionsparameter, die nicht benötigt werden und möglicherweise vom Anrufer übergeben werden oder nicht.

Beispiel
Definieren Sie eine Funktion namens “Summe"Mit zwei optionalen Parametern"X" Und "yDas gibt die Summe von zwei Zahlen zurück:

Funktionsumme (x, y)
Rückgabe x + y;

Rufen Sie die definierte Funktion auf, indem Sie zwei Zahlen übergeben “11" Und "4”Als Argumente:

Konsole.log (sum (11, 4));

Nur ein Argument passieren “11”Da die Parameter optional sind:

Konsole.log (sum (11));

Hier werden wir die Funktion aufrufen, ohne ein Argument zu übergeben:

Konsole.log (sum ());

Lassen Sie uns nun die Ausgabe sehen, die gibt “NanZweimal anstatt einen Fehler zu werfen, da im Funktionsaufruf keine andere Zahl vorhanden ist, um die Operation durchzuführen:

Lassen Sie uns nun die anderen Möglichkeiten sehen, um die optionalen Parameter zu verwenden.

Methode 1: Standardwert des Parameters

Verwenden Sie die “Standardwert”Des Parameters, um die optionalen Funktionsparameter zu verarbeiten. Es ist die Funktion des ES6 -Moduls, mit dem ein Standardwert für einen Funktionsparameter festgelegt wird. Es hilft zu vermeiden, zusätzliche bedingte Aussagen zu schreiben, um zu überprüfen, ob ein Parameter definiert ist oder nicht.

Dies ist der bessere Weg, um optionale Funktionsparameter durchzuführen, da Code einfach und leicht zu verstehen ist und gleichzeitig die Möglichkeit von Fehler minimiert, die durch verpasste oder undefinierte Parameter verursacht werden.

Syntax
Befolgen Sie die angegebene Syntax für den Standardwert des Funktionsparameters:

Funktionsfunktionsname (a = 5, b = 9)
//…

Beispiel
Definieren Sie eine Funktion mit Standardwertparametern:

Funktionsumme (x = 3, y = 5)
Rückgabe x + y;

Rufen Sie die Funktion beim ersten Funktionsaufruf dreimal dreimal auf und übergeben Sie zwei Werte “11" Und "4Als Argument gibt es im zweiten Anruf nur ein Argument und im letzten Funktionsaufruf werden keine Argumente übergeben:

Konsole.log (sum (11, 4));
Konsole.log (sum (11));
Konsole.log (sum ());

Der Ausgang gibt die konstanten Werte nach der Durchführung einer Operation zurück, anstatt NAN zu geben. Da der Funktionsaufruf ohne Argumente und einzelne Argumente Standardwerte für die Durchführung der Operation berücksichtigt:

Methode 2: Verwenden Sie die Argumente.Länge ”Eigenschaft

Eine andere Möglichkeit, optionale Funktionsparameter zu verarbeiten, verwenden Sie die “Argumente.Länge" Eigentum. Jede Funktion in JavaScript hat ein Objekt namens “StreitDas enthält die Parameterwerte. Der "LängeDas Objekt der Argumente gibt die Gesamtzahl der für die Funktion bereitgestellten Parameter an. Bei diesem Ansatz werden wir nicht ohne Bedingungsanweisungen einen Wert zuweisen.

Syntax
Die folgende Syntax wird für die „Argumente verwendet.Länge ”Eigenschaft, um optionale Funktionsparameter durchzuführen:

Funktion (a, b, c)
if (Argumente.Länge == 0)
// Weisen Sie alle Parameter die Werte zu
else if (Argumente.Länge == 1)
// Weisen Sie den Wert den letzten 2 Parametern zu
else if (Argumente.Länge == 2)
// Weisen Sie den Wert dem letzten Parameter zu

Beispiel
Eine Funktion definieren “Summe"Mit zwei optionalen Variablen"X" Und "y”. Verwenden Sie die IF-ELSE-Anweisung, um den Parametern Werte basierend auf der Länge des Arguments zuzuweisen:

Funktionsumme (x, y)
if (Argumente.Länge === 0)
x = 3;
y = 5;

sonst wenn (Argumente.Länge === 1)
y = 5;

Rückgabe x + y;

Rufen Sie die Funktion dreimal mit oder ohne Argumente auf:

Konsole.log (sum (11, 4));
Konsole.log (sum (11));
Konsole.log (sum ());

Ausgang

In diesem Fall ging es darum, optionale Funktionsparameter in JavaScript zu bearbeiten.

Abschluss

Der "Standardwert”Des Parameters und eine“Argumente.LängeDie Eigenschaft wird verwendet, um optionale Funktionsparameter durchzuführen/zu verwalten. Der „Standardwert“ des Parameters ist eine bessere Möglichkeit, optionale Funktionsparameter zu verarbeiten, da Code einfach und leicht zu verstehen ist, und gleichzeitig die Möglichkeit von Fehler minimiert, die durch fehlende oder undefinierte Parameter verursacht werden. Dieser Blog hat den besten Weg gezeigt, die optionalen Parameter in der Funktion zu verwenden.