Javascript => | Wyjaśnione

W JavaScript „=>” to nazywane „funkcja strzałki". Nowatorska funkcjonalność, która została zawarta w ES6. W niektórych językach, takich jak Python, funkcja strzałek nazywa się „Funkcje Lambda". Możesz pisać funkcje JavaScript dokładniej ze względu na funkcję strzałki. Poprawia czytelność i strukturę kodu.

Deweloper może użyć funkcji strzałek, aby osiągnąć ten sam wynik, co regularna funkcja, z mniejszą liczbą linii kodu i około 50% mniej pisania.

Ten samouczek zdefiniuje działanie funkcji strzałki (=>) w JavaScript.

Funkcja JavaScript Arrow „=>”

Anonimowa funkcja znana jako „funkcja strzałki„Brakuje nazwy i nie jest połączony z identyfikatorem. Funkcje te są zdefiniowane bez słowa kluczowego funkcji, a instrukcja powrotu jest opcjonalna dla takich funkcji bez argumentów. Wejście funkcji jest umieszczane po lewej stronie, podczas gdy prawa strona funkcji reprezentuje wyjście.

Funkcja strzałek umożliwia wyraźniejsze zdefiniowanie funkcji w celu zwiększenia czytelności kodu.

Składnia
Postępuj zgodnie z poniższą składnią do funkcji pisania za pomocą funkcji strzałki (=>):

() => instrukcja/wyrażenie;

LUB

var functionName = (arg1, arg2,…) => instrukcje;

Możesz użyć var, let lub conster jako typ danych w JavaScript. Możesz jednak użyć słowa kluczowego var do definiowania funkcji strzałki.

Przykład 1
Tutaj utworzymy funkcję strzałki, która wydrukuje wiadomość ”Witamy w Linuxhint„Na konsoli:

var printmsg = () => konsola.log („Witamy w Linuxhint”);

Następnie wywołaj funkcję strzałki, która jest przechowywana w zmiennej „Printmsg”:

printmsg ();

Wyjście

Przykład 2
W tym przykładzie wykonamy to samo zadanie zarówno z funkcją regularną w JavaScript, jak i funkcji strzałki. Aby to zrobić, utworzymy zwykłą funkcję JavaScript, aby pomnożyć dwie liczby określone jako argumenty:

var produkt = funkcja (a, b)
zwrócić * b;
;

Następnie wywołaj funkcję, przekazując dwie wartości „5" I "8" argumenty:

produkt (5,8);

Wyświetlane dane wyjściowe „40„Który jest produktem podanych argumentów:

Teraz wykonamy tę samą operację za pomocą funkcji strzałki tylko w jednym wierszu kodu:

var produkt = (a, b) => return a * b;

Następnie wywołaj funkcję strzałki, która jest przechowywana w zmiennej „produkt„Przekazując dwa argumenty:

produkt (5,8);

Tutaj, możesz zobaczyć na wyjściu, otrzymasz ten sam wynik w zaledwie dwóch wierszach kodu:

Różnica między funkcją regularną a funkcją strzałki

Istnieją pewne różnice między funkcjami strzał i regularne funkcje JavaScript, ale obie funkcje są pod pewnymi względami podobne:

• Regularne funkcje są konstruowane i możliwe do wywołania, podczas gdy funkcje strzałek można tylko wywołać, ale nie można ich skonstruować.
• Regularne funkcje można wywołać za pomocą nowego słowa kluczowego, ponieważ można je skonstruować, podczas gdy nowego słowa kluczowego nie można użyć do wywoływania funkcji strzałek.
• Duplicate nazwane parametry są dozwolone dla funkcji zwykłych, ale nie dla funkcji strzałek.

Plusy i wady funkcji strzałek

Profesjonaliści	Cons
Zmniejsza linie kodu, które poprawiają czytelność kodu.	Trudniej jest debugować, ponieważ nie można zidentyfikować nazwy funkcji lub konkretnego numeru wiersza, w którym wystąpił błąd.
Pisanie strzałki => oferuje większą elastyczność niż pisanie słowa kluczowego funkcji.	Nie może być wykorzystywany jako zwykła metoda lub konstruktor.

W JavaScript omówiliśmy wszystkie podstawowe informacje o funkcji strzałki (=>).

Wniosek

W JavaScript „=>” to nazywane „funkcja strzałki”To pozwala na pisanie funkcji w JavaScript dokładniej w celu poprawy czytelności kodu. Daje taki sam wynik, jak regularne funkcje JavaScript z mniejszą liczbą linii kodu. W tym samouczku omówiliśmy działanie funkcji strzałek (=>) w JavaScript z ich zaletami i wadami oraz różnicą między funkcją regularną a funkcją strzałki.