Funkcje w JavaScript | Wyjaśnione dla początkujących

JavaScript, podobnie jak każdy inny język programowania, oferuje nam bardzo pomocne funkcje, ponieważ funkcje dają nam możliwość ponownego wykorzystania naszego kodu, a kod staje się czysty i-E mniej zatłoczony z implementacją modułowości.

Jeśli jesteś początkującym w JavaScript, nie martw się, jak w tym poście, trzymamy cię za rękę i przejdziemy krok po kroku, aby uczynić funkcje opanowania w JavaScript.

Co to jest funkcja

Funkcja to zbiór instrukcji lub poleceń owiniętych w blok, utrzymywany i utrzymywany osobno od programu głównego, aby wykonać określone zadanie. Funkcje są bardzo pomocne, ponieważ programista może ponownie użyć tego kodu, bez konieczności ponownego pisania całego kodu.

Teraz, gdy wiemy, jaka jest funkcja, przejdźmy przez składnia funkcji:

funkcja nazwa (argumenty)
// Niektóre stwierdzenia lub kod
powrót;

Funkcja jest zadeklarowana za pomocą słowa kluczowego funkcjonować Następnie nazwa funkcji, która powinna być unikalna i dobrą praktyką jest przestrzeganie konwencji nazewnictwa Camelcase; Pierwsze słowo będzie miało małe litery, a po tym słowach powinny mieć pierwszą literę kapitalizowaną e.G MyFunctionName. Zaraz po nadejdzie nazwy nawias () gdzie odbierane są parametry. Piszemy kod funkcji w nawiasach kręconych, które pojawiają się po nawiasach (). Należy jednak zauważyć, że kiedy pracujesz z klasami w JavaScript, funkcje są zdefiniowane bez słowa kluczowego funkcjonować.

Otwieramy i zamykamy funkcję za pomocą kręconych nawiasów , a cały kod wchodzi do tych kręconych nawiasów. Funkcja przyjmuje wejście jako argument i zwraca dane wyjściowe za pomocą słowa kluczowego powrót. Domyślnie funkcja w JavaScript zwraca nieokreślony Jeśli nie ma nic do powrotu.

Deklarowanie i funkcja wywoływania

Zadratmy, że właściwa funkcja, która pokaże ostrzeżenie Cześć!

funkcja myFunc ()
Alert („Witam!")

Teraz, gdy zadeklarowaliśmy funkcje o nazwie myfunc Wywołajmy funkcję, którą można wykonać, pisząc nazwę funkcji, a następnie ():

funkcja myFunc ()
Alert („Witam!")

// funkcja połączenia
myfunc ();

W naszej przeglądarce zobaczymy następujące dane wyjściowe:

Przykład 1

Teraz, gdy wiemy, jak zadeklarować i wywołać funkcję, bawimy się argumentami funkcji. W tym przykładzie podamy dwa argumenty funkcji i wyświetlimy ich sumę:

funkcja myFunc (NUM1, NUM2)
konsola.log (num1+num2);

// funkcja połączenia
myfunc (2,3); // 5
myfunc (5,5); // 10

W powyższym kodzie po pierwsze zadeklarowaliśmy funkcję, a odpowiednia funkcja otrzymuje dwa paramery. Następnie pocieszamy dziennik, dodając obie liczby. Poza funkcją wywołaliśmy myfunc dwa razy, dostarczając różne argumenty. Wynik wyjścia podano poniżej:

Przykład 2

W tym przykładzie zmienimy powyższy kod nieco, podając wartości domyślne do parametrów, które oznaczają, jeśli nie podano wartości, gdy funkcja została wywołana, wówczas wartość domyślna zostanie przetworzona. Zwrócimy również sumę w tym przykładzie:

funkcja myfunc (num1 = 1, num2 = 1)
return num1+num2;

// funkcja połączenia
var sum = myfunc ();
konsola.log (suma); // 2

Zwrócona wartość jest przechowywana w sumie zmiennej i pocieszamy wartość zmiennej sumy. Ponieważ nie dostarczyliśmy żadnych wartości, kiedy wywołyliśmy myfunc Stąd funkcja przetworzy wartości domyślne, które wynosiły 1 i 1, których suma wyniesie 2:

Wniosek

Funkcja to zestaw instrukcji złożonych pod określoną nazwą wewnątrz klastrowych klamrów, które są wykonywane po wywołaniu nazwy funkcji z okrągłymi nawiasami. Funkcja może przyjmować wiele argumentów jako wejście i zwrócić wyjście. Funkcja pomaga w ponownym wykorzystaniu tego samego kodu, a także poprawia debugowanie i sprawia, że ​​nasz kod wygląda czysto, pomagając nam wdrożyć koncepcję modułowości (określone zadanie znajduje się w jednym bloku).

W tym poście po pierwsze opisaliśmy, czym jest funkcja i jaka jest jej składnia. Następnie zadeklarowaliśmy i nazwaliśmy funkcję. Następnie podaliśmy przykłady w pełni uchwycić koncepcję funkcji w JavaScript.