Menu
Coddy logo textTech

Wyrażenie funkcyjne

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

W JavaScript wyrażenie funkcyjne to sposób definiowania funkcji jako części wyrażenia. W przeciwieństwie do deklaracji funkcji wyrażenia funkcyjne nie podlegają hoistowaniu, 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 są podawane w nawiasach okrągłych, a ciało funkcji jest ujęte 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ą przechowującą funkcję, a sum jest opcjonalną nazwą funkcji. Mimo że funkcja ma nazwę, nie możesz wywołać sum bezpośrednio; musisz użyć zmiennej add.

Oto przykład anonimowego wyrażenia funkcyjnego:

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żenia funkcyjne są często używane, gdy chcesz przekazać funkcję jako argument innej funkcji lub utworzyć funkcję w locie.

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 linii
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