Czym jest funkcja?

Wyobraź sobie, że masz ulubiony przepis na ciasteczka. Pieczenie ich za każdym razem, gdy masz na nie ochotę, może być trochę monotonne. Funkcje w JavaScript są jak superbohaterscy pomocnicy, którzy przychodzą z pomocą! To wielokrotnego użytku bloki kodu, które wykonują określone zadania. Tak jak postępujesz zgodnie z kolejnymi krokami przepisu, aby upiec ciasteczka, funkcje zawierają instrukcje, które są wykonywane, gdy je wywołujesz (jak nadanie przepisowi nazwy i postępowanie zgodnie z tymi krokami).

Składnia funkcji:

function functionName(parameter1, parameter2, ...) {
	// Kod do wykonania (instrukcje superbohatera)
	return value; // Opcjonalnie: zwracanie wartości (jak upieczone ciasteczka!)
}

• function: To słowo kluczowe informuje JavaScript, że tworzymy funkcję.
• functionName: To nazwa, którą nadajesz swojej funkcji.
• parameter1, parameter2, ...: To coś w rodzaju składników lub narzędzi, których funkcja może potrzebować do wykonania swojego zadania. Są to zmienne przechowujące informacje, które przekazujesz podczas wywoływania funkcji.

Oto przykład pokazujący, jak działają funkcje:

function greet(name) {
	console.log("Hello, " + name + "!");
	return "Have a fantastic day!";
}

const message = greet("Alice"); // Wywołanie funkcji
console.log(message);
// Wynik: Hello, Alice!
//         Have a fantastic day!

• Definiujemy funkcję o nazwie greet, która przyjmuje jeden parametr: name.
• Instrukcja return zwraca komunikat "Have a fantastic day!".
• Wywołujemy funkcję greet z argumentem "Alice" i zapisujemy zwróconą wartość (komunikat) w zmiennej message.
• Na koniec wyświetlamy zarówno powitanie, jak i zwrócony komunikat.

Spróbujmy podjąć to proste wyzwanie!