Funkcje
Funkcja jest to wydzielona część programu wykonująca jakieś operacje. Funkcje stosuje się dla uproszczenia oraz zwiększenia czytelności programu, pozwalają one też unikać pisania kilka razy tego samego kodu.
Spójrzmy teraz na poniższy przykład prezentujący tworzenie funkcji w JS.
function przywitaj (imie) { console.log('Cześć ' + imie); };
A function is a block of code designed to perform a task.
_Functions _are like recipes. They take data or variables, perform a set of tasks on them, and then return the result. The beauty of functions is that they allow us to write a chunk of code once, then we can reuse it over and over without writing the same code over and over.
Take a look at this code:
var calculatorOn = false; function pressPowerButton() { if (calculatorOn) { console.log('Calculator turning off.'); calculatorOn = false; } else { console.log('Calculator turning on.'); calculatorOn = true; } } pressPowerButton(); // Output: Calculator turning on. pressPowerButton(); // Output: Calculator turning off.
This code turns the calculator on if it is currently off, and turns it off if the calculator is currently on.
See if you can figure out how this code works. In the next exercise, we'll walk through it line by line.
Funkcja jest wywoływana przez inną część skryptu, a w momencie jej wywołania zostaje wykonywany kod w niej zawarty. Ogólna deklaracja funkcji ma następującą postać:
Definiowanie funkcji rozpoczyna się od słowa kluczowegofunction potem podajemy nazwę funkcji, po której wewnątrz nawiasów( )wpisujemy listę parametrów funkcji, w naszym przypadku jest to tylko jeden parametrimie. Następnie wpisujemy blok kodu funkcji wewnątrz nawiasów klamrowych{ }. Parametrów możemy używać wewnątrz bloku funkcji jak zwykłych zmiennych, ich początkowe wartości zostają nadane podczas wywołania funkcji.
Aby wywołać funkcję musimy ją oczywiście wcześniej zdefiniować. Samo wywołanie polega na wpisaniu nazwy funkcji, a następnie listy argumentów wewnątrz nawiasów( ). Zobaczmy to na przykładzie funkcjiprzywitaj.
| 123456 | functionprzywitaj(imie){console.log('Cześć '+imie);};przywitaj('Jan');// "Cześć Jan"przywitaj('Ania');// "Cześć Ania" |
|---|---|
Po wykonaniu powyższego kodu zostaną wyświetlone dwa komunikaty"Cześć Jan"i"Cześć Ania".
Zadanie 1
W tym zadaniu Twoim celem jest napisanie funkcjizyczenia, która będzie generować życzenia urodzinowe. Funkcja przyjmuje 3 parametry, kto ma urodziny, ile ma lat oraz od kogo są życzenia. Pamiętaj, że kolejność jest ważna. Wynikiem działania funkcji jest wypisanie na ekran życzeń w formie:
Wszystkiego najlepszego Aniu z okazji Twoich 20 urodzin, życzy Adam
Dla ułatwienia przyjmijmy, że życzenia mają być wyświetlane w jednej linii. Aby przetestować działanie funkcji wywołaj ją dla jakiś przykładowych danych
Zwracanie wartości
Wiesz już jak stworzyć i wywołać funkcję, poznasz teraz kolejną możliwość, którą oferują, a mianowicie zwracanie wartości. Służy do tego instrukcjareturn, po której umieszczamy wartość, którą ma zwrócić wywołanie funkcji. Umieszczana jest ona zazwyczaj na końcu bloku funkcji.
Spójrz teraz na przykład funkcji służącej do dodawania liczb.
| 1 2 3 4 5 6 7 8 9101112 | functiondodaj(a,b){if(typeofa==='number'&&typeofb==='number'){returna+b;}else{console.log('Niepoprawne dane');};};wynik1=dodaj(8,9);console.log(wynik1);// 17wynik2=dodaj(8,'abc');// 'Niepoprawne dane'console.log(wynik2);// 'undefined' |
|---|---|
Pierwszy raz funkcjędodajwywołujemy z parametrami8,9. Oba parametry są typuNumberwięc funkcja zwróci sumę tych dwóch wartości. Jak widzimy z komunikatu do zmiennejwynik1została wstawiona poprawna wartość, czyli17. Drugi raz funkcję wywołujemy z parametrami, z których jeden jest typuString. W takim przypadku podczas wykonywania bloku funkcji nie zostanie wykonana żadna instrukcjareturn, funkcja wyświetli tylko komunikat'Niepoprawne dane'.
Jeśli podczas wykonywania funkcji nie zostanie napotkana żadna instrukcjareturn, zostanie zwrócona wartośćundefined, która w naszym przypadku zostaje wstawiona do zmiennejwynik2.
Zadanie 2
Napisz funkcję przeliczającą mile na kilometrynaKm, przyjmującą jeden parametr, odległość w milach i zwracającą tą odległość w kilometrach.
1mila to1,609kilometra. Przetestuj działanie funkcji prosząc użytkownika o podanie długości w milach i wyświetlając tą odległość w kilometrach.
Zadanie 3
Napisz funkcję liczacą obwód kwadratuobwod_kwadratu, przyjmującą jeden parametr, długość boku i zwracającą obwód.
Przetestuj działanie funkcji prosząc użytkownika o podanie długości boku kwadratu i wyświetlając obwód kwadratu.
Zadanie 4
Kolejne zadanie to napisanie funkcjinaCelsjusze, przeliczającej stopnie Fahrenheita na Celsjusza. Funkcja przyjmuje jeden parametr, temperaturę w Fahrenheitach a zwraca tą temperaturę w stopniach Celsjusza.
Przetestuj działanie funkcji prosząc użytkownika o wpisanie temperatury w stopniach Fahrenheita, a następnie wyświetl ją w skali Celsjusza.
Jeśli nie wiesz jak przeliczyć stopnie możesz skorzystać ze wskazówki.