JavaScript jest językiem programowania, który pozwala na tworzenie dynamicznych i interaktywnych stron internetowych. Jednym z fundamentalnych konceptów w JavaScript są funkcje, które umożliwiają grupowanie kodu do wielokrotnego użytku oraz zwracanie wyników operacji za pomocą słowa kluczowego return
. W tej lekcji przyjrzymy się, jak definiować proste funkcje i korzystać z return
do zwracania wartości.
Przykład 1: Funkcja zwracająca sumę dwóch liczb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proste funkcje w JavaScript</title>
</head>
<body>
<script>
// Definiujemy funkcję, która sumuje dwie liczby
function addNumbers(a, b) {
return a + b; // Zwracamy wynik dodawania dwóch liczb
}
// Wywołujemy funkcję i wyświetlamy wynik
const result = addNumbers(5, 7); // Przypisujemy wynik do zmiennej
console.log(result); // Wyświetlamy wynik w konsoli
</script>
</body>
</html>
W powyższym przykładzie, funkcja addNumbers
przyjmuje dwa parametry, a
i b
, a następnie zwraca ich sumę. Wywołanie funkcji z konkretnymi argumentami (5
i 7
) i przypisanie wyniku do zmiennej result
umożliwia łatwe wykorzystanie zwróconej wartości.
Przykład 2: Funkcja zwracająca tekst
Oto przykład funkcji, która zwraca sformatowany tekst.
<script>
// Definiujemy funkcję zwracającą powitanie
function sayHello(name) {
return `Hello, ${name}!`; // Zwracamy sformatowany ciąg tekstowy
}
// Wywołujemy funkcję i wyświetlamy wynik
const greeting = sayHello('Alice'); // Przypisujemy wynik do zmiennej
console.log(greeting); // Wyświetlamy wynik w konsoli
</script>
W tym przykładzie, funkcja sayHello
przyjmuje jeden parametr (name
) i zwraca powitanie z tym imieniem. Użycie znaków ${}
wewnątrz ciągu tekstowego umożliwia wstawienie wartości zmiennej bezpośrednio do tekstu.
Podsumowanie
Funkcje w JavaScript pozwalają na modularne i efektywne zarządzanie kodem. Słowo kluczowe return
umożliwia zwracanie wartości z funkcji, co pozwala na dalsze wykorzystanie tej wartości w innych częściach programu. Zrozumienie i umiejętne stosowanie funkcji oraz return
jest kluczowe dla każdego programisty JavaScript, niezależnie od poziomu zaawansowania.
Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.