Node.js dla początkujących - Część 4: Funkcje

Hej programiści! W dzisiejszym wpisie zanurzymy się w fascynujący świat funkcji w JavaScript. Funkcje to fundament programowania, niczym przepisy kulinarne dla Twojego kodu. Pozwalają one na organizację, ponowne wykorzystanie i - co najważniejsze - pisanie czytelnego kodu. Gotowi? Zaczynamy!

Co to są funkcje?

Wyobraź sobie, że masz przepis na ulubione ciasto. Zamiast za każdym razem wypisywać wszystkie składniki i kroki od nowa, masz gotowy przepis, który możesz wykorzystać w każdej chwili. Funkcje w JavaScript działają podobnie. To bloki kodu, które wykonują określone zadanie. Możemy je wywoływać wielokrotnie, oszczędzając czas i unikając powtarzania kodu.

Definiowanie funkcji

Podstawowa składnia definicji funkcji wygląda tak:

function nazwaFunkcji(parametr1, parametr2, ...) {
  // Kod, który ma być wykonany
  return wartość; // Opcjonalnie zwracamy wartość
}

• function: Słowo kluczowe oznaczające definicję funkcji.
• nazwaFunkcji: Nazwa, pod którą będziemy wywoływać funkcję. Bądźmy kreatywni, ale trzymajmy się konwencji (np. camelCase).
• (parametr1, parametr2, ...): Parametry, czyli zmienne, które funkcja przyjmuje. To jak składniki w przepisie.
• {}: Blok kodu, który będzie wykonywany po wywołaniu funkcji.
• return wartość: Słowo kluczowe return pozwala na zwrócenie wartości z funkcji. To jak efekt końcowy naszego przepisu – upieczone ciasto.

Przykład

function dodaj(a, b) {
  return a + b;
}

let suma = dodaj(5, 3); // Wywołanie funkcji z argumentami 5 i 3
console.log(suma); // Wypisze 8

W tym przykładzie a i b to parametry funkcji dodaj, natomiast 5 i 3 to argumenty, które przekazujemy podczas wywołania. Ważne rozróżnienie: parametry definiujemy, a argumenty przekazujemy.

Wywoływanie funkcji

Aby uruchomić funkcję, wystarczy napisać jej nazwę z nawiasami okrągłymi:

nazwaFunkcji(argument1, argument2, ...);

Funkcje anonimowe

Czasami potrzebujemy funkcji, która nie ma nazwy. To tak zwane funkcje anonimowe. Często używamy ich jako argumenty do innych funkcji (np. w metodach tablic).

const liczby = [1, 2, 3];
liczby.forEach(function(liczba) { // Funkcja anonimowa
  console.log(liczba * 2);
});

Funkcje strzałkowe (arrow functions)

To krótszy sposób zapisu funkcji, wprowadzony w ES6.

const pomnoz = (a, b) => a * b; // Krótszy zapis funkcji dodaj
console.log(pomnoz(4, 6)) //wypisze 24

const liczby = [1, 2, 3];
liczby.forEach(liczba => console.log(liczba * 2)); // Jeszcze krócej!

Praca domowa

1. Napisz funkcję, która oblicza pole trójkąta. Funkcja powinna przyjmować dwa parametry: długość podstawy i wysokość.
2. Stwórz tablicę z imionami. Użyj metody map i funkcji strzałkowej, aby stworzyć nową tablicę, w której każde imię będzie poprzedzone powitaniem “Witaj, ”.
3. Stwórz funkcję, która przyjmuje tablicę liczb i zwraca nową tablicę zawierającą tylko liczby parzyste.

Podsumowanie

Funkcje to potężne narzędzie w JavaScript. Pozwalają na pisanie modularnego, czytelnego i łatwego w utrzymaniu kodu. Zachęcam Cię do eksperymentowania z różnymi rodzajami funkcji i ich zastosowaniami. Pamiętaj, że praktyka czyni mistrza!

Koniecznie przeczytaj pozostałe posty z naszego kursu JavaScript dla początkujących! Znajdziesz tam mnóstwo przydatnych informacji i ćwiczeń.

Mam nadzieję, że ten artykuł był dla Ciebie pomocny. Do zobaczenia w kolejnych wpisach!