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: 8W 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: 8W 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.
Wyzwanie
ŁatwyUtwó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: 21Spróbuj swoich sił
// Wpisz swój kod poniżej
// Nie zmieniaj poniższych linii
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
4Operatory, część 2
Operatory logiczne, część 1Operatory logiczne, część 2Powtórka — prosta logikaOperatory logiczne, część 3Konwersja typów7Kalkulator podziału rachunku
Wiadomość powitalnaObliczanie napiwku i sumy10FizzBuzz z niespodzianką
Omówienie gryFunkcja FizzBuzz2Zmienne
LiczbyŁańcuch znakówWartość logicznaKonwencje nazewnictwaPuste zmiennePodsumowanie – inicjalizacja zmiennychStałe5Podejmowanie decyzji
Instrukcja ifIf - ElsePowtórka – prosty kalkulatorZagnieżdżone If - ElseInstrukcja switch3Operatory, część 1
Operatory arytmetyczneOperator moduloSkrócone operatory arytmetyczneOperatory porównaniaRówność ścisła a luźnaPowtórka — prosta matematyka6Podstawowe wejście/wyjście
WyjścieWyjście ze zmiennymiKonwersja typów — część 1Konwersja typów — część 2Powtórka — do 120Powtórka — prawda czy fałszPoćwicz samodzielnie: Kompilator JavaScript online