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
function add(a, b) {Definiujemy funkcję lub metodę, której można użyć później.return a + b;Zwracamy wyliczoną wartość do miejsca wywołania funkcji.console.log(add(3, 4));Wyświetlamy wartość, aby sprawdzić efekt działania programu.
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));
16
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.
Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.