Menu
CoddyTech

Wyrażenie funkcyjne

Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 49 z 77.

W JavaScript wyrażenie funkcyjne to sposób na zdefiniowanie funkcji jako części wyrażenia. W przeciwieństwie do deklaracji funkcji wyrażenia funkcyjne nie są przenoszone na początek zakresu, co oznacza, że nie można ich wywołać, zanim zostaną zdefiniowane w kodzie.

Oto podstawowa składnia wyrażenia funkcyjnego:

let functionName = function(parameters) {
	// Kod do wykonania
	// ...
	return value; // Opcjonalna instrukcja return
};

Po słowie kluczowym function może wystąpić opcjonalna nazwa funkcji. Jeśli nazwa zostanie podana, powstaje nazwane wyrażenie funkcyjne; w przeciwnym razie jest to anonimowe wyrażenie funkcyjne. Parametry podaje się w nawiasach okrągłych, a ciało funkcji ujmuje się w nawiasy klamrowe.

Oto przykład nazwanego wyrażenia funkcyjnego:

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

console.log(add(3, 5)); // Wynik: 8

W tym przykładzie add jest zmienną, która przechowuje funkcję, a sum to opcjonalna nazwa funkcji. Mimo że funkcja ma nazwę, nie możesz wywołać sum bezpośrednio; musisz użyć zmiennej add.

Oto przykład wyrażenia funkcji anonimowej:

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // Wynik: 8

W tym przypadku funkcja nie ma nazwy i jest bezpośrednio przypisana do zmiennej multiply.

Wyrażeń funkcyjnych często używa się, gdy chcesz przekazać funkcję jako argument innej funkcji lub utworzyć funkcję na bieżąco.

challenge icon

Wyzwanie

Łatwy

Utwórz wyrażenie funkcyjne o nazwie calculateArea, które przyjmuje dwa argumenty: width i height, i zwraca pole prostokąta. Funkcja powinna być przypisana do zmiennej o nazwie calculateArea.

Na przykład:

console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7));  // Output: 21

Spróbuj swoich sił

// Wpisz swój kod poniżej


// Nie zmieniaj poniższych wierszy
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

Poćwicz samodzielnie: Kompilator JavaScript online