Menu
CoddyTech

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 ponowne 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"). Kolejnym problemem związanym z tym kodem jest to, że jeśli chcielibyśmy zmienić komunikat: Welcome to Coddy na coś innego, na przykład „Welcome aboard”, trzeba byłoby zmienić 3 różne linijki 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ć/uruchomić funkcję, zapisujemy greet():

greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();

W rezultacie otrzymasz taki sam wynik jak powyżej.

Uwaga: W JavaScript deklaracje funkcji są przenoszone na początek zakresu, co oznacza, że technicznie można je wywołać, zanim pojawią się w kodzie. Najlepiej jednak najpierw zapisywać funkcje, a dopiero potem je wywoływać, aby kod był przejrzysty i czytelny.

challenge icon

Wyzwanie

Łatwy

Napisz program, który pobiera jedno wejście — liczbę (podaną). Liczba wejściowa wskazuje, ile razy wykonać poniższą funkcję. 

Utwórz funkcję, która oblicza sumę wszystkich liczb od 1 do 10000 (włącznie) i ją wypisuje. Nazwij funkcję, jak chcesz.

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ętli
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