Podstawy•LEKCJA 20 / 32

Funkcje

Kurs JavaScript · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.

Funkcja zamyka fragment logiki pod wspólną nazwą.

Jak to działa?

Parametry opisują dane wejściowe funkcji. return zwraca wynik — bez niego funkcja domyślnie zwróci undefined.

Przykład 1 — poznaj zapis

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

console.log(add(3, 4));

Wynik: 7.

Przeczytaj kod linijka po linijce

  1. function add(a, b) {Definiujemy funkcję lub metodę, której można użyć później.
  2. return a + b;Zwracamy wyliczoną wartość do miejsca wywołania funkcji.
  3. console.log(add(3, 4));Wyświetlamy wartość, aby sprawdzić efekt działania programu.
Oczekiwany wynik / efektpo uruchomieniu przykładu
7

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

function square(n) { return n * n; }
console.log(square(4));
Wynik drugiego przykładupo uruchomieniu przykładu
16
Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Napisz funkcję, która policzy cenę brutto z podanej ceny netto i stawki VAT.

To już koniec tej lekcji.

Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.