Czy istnieje lepszy sposób na wykonanie opcjonalnych parametrów funkcji w JavaScript?

Funkcje w JavaScript często zawierają opcjonalne parametry, które pozwalają dzwoniącemu zmodyfikować zachowanie funkcji. Jednak radzenie sobie z opcjonalnymi parametrami może być trudne i podatne na błędy, szczególnie podczas pracy z dużymi funkcjami z wieloma parametrami. Chociaż istnieją różne alternatywne sposoby określenia opcjonalnych parametrów funkcji w JavaScript, które mogą uprościć i poprawić solidność kodu.

Ten blog pokaże lepszy sposób korzystania z opcjonalnych parametrów w funkcji.

Czy istnieje lepszy sposób na wykonanie/użycie opcjonalnych parametrów funkcji w JavaScript?

Tak! Istnieje wiele sposobów korzystania z opcjonalnych parametrów w funkcji. Są to następujące:

• Domyślna wartość parametru
• Użyj „Argumentów.długość ”właściwość

Najpierw zrozumiemy parametry opcjonalnej funkcji. "Opcjonalne parametry”To parametry funkcji, które nie są potrzebne i mogą być przekazywane przez dzwoniącego.

Przykład
Zdefiniuj funkcję o nazwie „suma”Z dwoma opcjonalnymi parametrami„X" I "y„Zwraca sumę dwóch liczb:

funkcja sum (x, y)
zwrócić x + y;

Wywołać zdefiniowaną funkcję, przekazując dwie liczby „11" I "4„Jak argumenty:

konsola.log (suma (11, 4));

Przekaż tylko jeden argument „11”Ponieważ parametry są opcjonalne:

konsola.log (suma (11));

Tutaj wywołamy funkcję bez przekazywania żadnego argumentu:

konsola.log (sum ());

Teraz zobaczmy wyjście, które daje „Nan„Dwa razy zamiast rzucać błąd, ponieważ w wywołaniu funkcji nie ma innego numeru, aby wykonać operację:

Teraz zobaczmy inne sposoby korzystania z opcjonalnych parametrów.

Metoda 1: Wartość domyślna parametru

Użyj "domyślna wartość”Parametru do obsługi opcjonalnych parametrów funkcji. Jest to funkcja modułu ES6, która umożliwia ustawienie wartości domyślnej dla parametru funkcji w przypadku, gdy dzwoniąca nie podaje żadnej wartości. Pomaga uniknąć pisania dodatkowych instrukcji warunkowych, aby sprawdzić, czy parametr jest zdefiniowany, czy nie.

Jest to lepszy sposób wykonywania opcjonalnych parametrów funkcji, ponieważ sprawia, że ​​kod jest prosty i łatwy do zrozumienia, jednocześnie minimalizując możliwość błędów spowodowanych przez nieudane lub niezdefiniowane parametry.

Składnia
Postępuj zgodnie z podaną składnią dla wartości domyślnej parametru funkcji:

Funkcja FuncName (a = 5, b = 9)
//…

Przykład
Zdefiniuj funkcję z domyślnymi parametrami wartości:

Suma funkcji (x = 3, y = 5)
zwrócić x + y;

Wywołaj funkcję trzykrotnie, przy pierwszym wywołaniu funkcji, przekazaj dwie wartości „11" I "4„Jako argument, w drugim wezwaniu, przekaż tylko jeden argument, aw ostatnim wywołaniu funkcji żadne argumenty nie zostaną przekazane:

konsola.log (suma (11, 4));
konsola.log (suma (11));
konsola.log (sum ());

Wyjście zwraca stałe wartości po wykonaniu operacji zamiast dawać NAN. Ponieważ wywołanie funkcji bez argumentów i pojedynczego argumentu rozważa wartości domyślne do wykonywania operacji:

Metoda 2: Użyj „Argumentów.długość ”właściwość

Inny sposób obsługi opcjonalnych parametrów funkcji, użyj „argumenty.długość" nieruchomość. Każda funkcja w JavaScript ma obiekt o nazwie „argument”To zawiera wartości parametrów. „„długość”Obiekt argumentów wskazuje całkowitą liczbę parametrów dostarczonych do funkcji. W tym podejściu przypisamy wartość do parametrów niepasowych przy użyciu instrukcji warunkowych.

Składnia
Poniżej składni jest wykorzystywane do „argumentów.właściwość długości ”do wykonania opcjonalnych parametrów funkcji:

funkcja (a, b, c)
if (argumenty.długość == 0)
// przypisz wartości do wszystkich parametrów
else if (argumenty.długość == 1)
// przypisz wartość do ostatnich 2 parametrów
else if (argumenty.długość == 2)
// Przypisz wartość do ostatniego parametru

Przykład
Zdefiniuj funkcję „suma”Z dwiema opcjonalnymi zmiennymi”X" I "y". Użyj instrukcji IF-ELSE, aby przypisać wartości do parametrów na podstawie długości argumentu:

funkcja sum (x, y)
if (argumenty.długość === 0)
x = 3;
y = 5;

inaczej if (argumenty.długość === 1)
y = 5;

zwrócić x + y;

Wywołaj funkcję trzy razy z argumentami lub bez:

konsola.log (suma (11, 4));
konsola.log (suma (11));
konsola.log (sum ());

Wyjście

Chodziło o obsługę opcjonalnych parametrów funkcji w JavaScript.

Wniosek

„„domyślna wartość”Parametru i„argumenty.długość”Właściwość służy do robienia/obsługi opcjonalnych parametrów funkcji. „Wartość domyślna” parametru jest lepszym sposobem obsługi opcjonalnych parametrów funkcji, ponieważ sprawia, że ​​kod jest prosty i łatwy do zrozumienia, jednocześnie minimalizując możliwość błędów spowodowanych przez nieudane lub niezdefiniowane parametry. Ten blog wykazał najlepszy sposób korzystania z opcjonalnych parametrów w funkcji.