Różne sposoby pisania funkcji w JavaScript

W JavaScript kluczowe jest poznanie funkcji, a najważniejszym powodem jest to, że funkcje zapewniają użytkownikom możliwość wdrożenia modułowości. Modułowość to zdolność do podzielenia dużego problemu lub przeszkody na mniejsze, możliwe do opanowania fragmenty. Funkcje ogólnie składają się z dwóch części, jedna to miejsce, w którym funkcja jest pisana lub tworzona, a druga to „wywołanie funkcji” do wykonania zapisanego w nim zadania. W JavaScript użytkownik może stworzyć funkcję na trzy różne sposoby, czyli:

• Deklaracje funkcji
• Wyrażenia funkcyjne
• Funkcje strzałek (zwane także funkcjami fat-arrow).

Metoda 1: Deklaracje funkcji

Deklaracje funkcji są najbardziej standardowym i szeroko stosowanym sposobem tworzenia funkcji. Deklaracja funkcji zawiera cztery różne części w tej sekwencji:

• Słowo kluczowe funkcjonować
• identyfikator albo Nazwa funkcji
• Funkcje' parametry zamknięty w nawiasach
• Ciało funkcji jest zamknięty w kręcone wsporniki.

Aby utworzyć funkcję dodawania dwóch różnych wartości i zwracania sumy dwóch wartości, weź następujące wiersze:

funkcja getsum (NUM1, NUM2)
return num1 + num2;

Jak widać, deklaracja funkcji rozpoczęła się od słowa kluczowego funkcjonować po nim nazwa funkcji „getsum". Po nazwie parametry są zadeklarowane, a następnie ciało funkcji. Użytkownik może wywołać tę funkcję z:

konsola.log (getSum (5, 10));

To wytworzy następujące dane wyjściowe na terminalu:

Wynik 5 + 10 wydrukowano na terminalu jako 15.

Metoda 2: Wyrażenia funkcyjne

Wyrażenia funkcyjne są zupełnie podobne do deklaracji funkcji, ale główną różnicą jest sekwencja jej części. Sekwencja części wyrażenia funkcji jest następująca:

• Funkcjonować identyfikator Lub nazwa
• Operator przypisania „=”
• Słowo kluczowe funkcjonować
• Parametry (w nawiasie wewnętrznej)
• Korpus funkcji wewnątrz nawiasów kręconych

W przeciwieństwie do deklaracji funkcji wyrażenia funkcji zaczynają się od identyfikatora funkcji, która jest następnie ustawiona równa (za pomocą operatora przypisania) funkcji słowa kluczowego i tak dalej. Aby utworzyć tę samą funkcję GetSum (jak w metodzie 1), użyj następujących wierszy kodu:

getSum = funkcja (NUM1, NUM2)
return num1 + num2;
;

Wywołaj funkcję utworzoną przez wyrażenie funkcji jest takie same jak funkcja utworzona z deklaracją funkcji:

konsola.log (GetSum (30, 5));

Spowoduje to następujący wynik na terminalu:

Wynik 35 wydrukowano na terminalu

Metoda 3: Funkcje strzałek / Funkcja strzałki tłuszczowej

Funkcje strzałek to najnowszy sposób tworzenia funkcji wydanej w wersji JavaScript ECMAV6. Funkcje strzałek używają specjalnego słowa kluczowego (bardziej jak kluczowy symbol), które jest tworzone przez dwa znaki specjalne, „=>”, która wygląda jak strzałka, stąd funkcja strzałki nazwy. Ale ponieważ używa „=” postać zamiast „-” Aby stworzyć kształt podobny do strzałki, stał się popularny wraz z nazwą Fat Strzałkę. Sposób na tworzenie funkcji obejmuje następującą sekwencję części:

• Identyfikator funkcji
• Operator przypisania „=”
• Parametry (w nawiasach)
• Gruba strzałka „=>”
• Korpus funkcji w nawiasach kręconych

Aby utworzyć funkcję getsum (tak jak w poprzednich metodach) użyj następujących wierszy kodu:

getSum = (NUM1, NUM2) =>
return num1 + num2;
;

Wywołanie funkcji utworzonej z grubą strzałką jest dokładnie takie samo, jak funkcje utworzone innymi metodami:

konsola.log (GetSum (150, 270));

To da następujący wynik na terminalu:

Wartość 150 + 270 została wydrukowana na terminalu jako „420”

Zakończyć

W wersji JavaScript ES6 użytkownik może stworzyć funkcję trzy różne sposoby. Te metody tworzenia to deklaracje funkcji, wyrażenia funkcji i funkcje strzałek tłuszczowych. Deklaracje funkcji i wyrażenia funkcji mogą również działać w innych wersjach JavaScript. Jednak funkcje strzałek grubej lub funkcje strzałek są specyficzne dla wersji ES6 JavaScript. W tym artykule wyświetlono wszystkie trzy z tych metod z przykładami.