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: 8W 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: 8W 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.
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 wierszy
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