Deklarowanie funkcji
Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 45 z 77.
Funkcja to sekwencja kodu, która ma nazwę. Celem funkcji jest wielokrotne używanie fragmentu kodu.
Na przykład spójrz na ten kod:
console.log("Welcome to Coddy");
console.log("New session...");
console.log("Welcome to Coddy");
console.log("Another session...");
console.log("Welcome to Coddy");Wielokrotnie używamy tego samego kodu console.log("Welcome to Coddy"). Kolejny problem z tym kodem polega na tym, że gdybyśmy chcieli zmienić komunikat: Welcome to Coddy na coś innego, na przykład „Welcome aboard”, trzeba by było zmienić 3 różne linie kodu. Aby rozwiązać ten problem, użyjemy funkcji.
Aby zadeklarować funkcję, używamy następującej składni:
function functionName() {
code;
}W naszym przykładzie utworzymy funkcję o nazwie greet, która będzie wyglądać tak:
function greet() {
console.log("Welcome to Coddy");
}Aby użyć/wywołać/wykonać funkcję, piszemy greet():
greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();Da to taki sam wynik jak powyżej.
Uwaga: W JavaScript deklaracje funkcji są hoistowane, co oznacza, że technicznie można je wywołać, zanim pojawią się w kodzie. Najlepiej jednak najpierw zapisywać funkcje, a potem je wywoływać, aby kod był przejrzysty i czytelny.
Wyzwanie
ŁatwyNapisz program, który pobiera jedno wejście — liczbę (podaną). Liczba wejściowa wskazuje, ile razy należy wykonać poniższą funkcję.
Utwórz funkcję, która oblicza sumę wszystkich liczb od 1 do 10000 (włącznie) i ją wypisuje. Nadaj funkcji dowolną nazwę.
Uwaga! W swoim kodzie zapisz funkcję przed instrukcjami jej wywołania/wykonania.
Spróbuj swoich sił
// Napisz funkcję poniżej
let n = parseInt(inp); // Nie zmieniaj tej linii
// Wykonaj swoją funkcję n razy za pomocą pętliTa 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