Klassikalised funktsioonid on nimetatud funktsioonid, mis v\u00f5ivad v\u00f5tta argumente, omada funktsiooni keha ja tagastada v\u00e4\u00e4rtusi. Neid kasutatakse konkreetsete \u00fclesannete v\u00f5i arvutuste t\u00e4itmiseks ning need on programmeerimises v\u00e4ga paindlikud ja mitmek\u00fclgsed. Klassikaliste funktsioonide eeliseks on nende korduvkasutamise v\u00f5imalus: \u00fche korra loodud funktsiooni saab vajadusel mitu korda erinevates kohtades koodis v\u00e4lja kutsuda, ilma et oleks vaja sama koodi uuesti kirjutada. Lisaks toetavad klassikalised funktsioonid rekursiooni, mis t\u00e4hendab, et funktsioon v\u00f5ib kutsuda iseennast, v\u00f5imaldades lahendada keerulisi arvutus\u00fclesandeid, n\u00e4iteks puustruktuuride l\u00e4bimist v\u00f5i matemaatilisi probleemide lahendusi. Klassikalised funktsioonid sobivad ka objektorienteeritud programmeerimisega, kus neid saab kasutada meetoditena objektide sees. Funktsioonid v\u00f5ivad tagastada v\u00e4\u00e4rtusi, mis v\u00f5imaldab neid kasutada ka arvutustes, andmete t\u00f6\u00f6tlemisel v\u00f5i teiste funktsioonide argumentidena.<\/p>\n\n\n\n
Anon\u00fc\u00fcmsed funktsioonid<\/strong><\/h2>\n\n\n\nAnon\u00fc\u00fcmsed funktsioonid on nimetamata funktsioonid, mis luuakse otse koodis. Erinevalt klassikalistest funktsioonidest ei vaja need konkreetset nime, mis teeb nende loomise kiiremaks ja lihtsamaks. Neid saab omistada muutujale, edastada argumendina teisele funktsioonile v\u00f5i kasutada objektide atribuudina. Anon\u00fc\u00fcmsed funktsioonid on eriti kasulikud \u00fchekordsete operatsioonide puhul, kus funktsioon ei pea olema korduvkasutatav. N\u00e4iteks sobivad need s\u00fcndmuste k\u00e4sitlemiseks, nagu nuppude klikid, ajastatud \u00fclesannete t\u00e4itmiseks v\u00f5i as\u00fcnkroonsete protsesside, n\u00e4iteks API-p\u00e4ringute, t\u00f6\u00f6tlemiseks. T\u00e4nu oma paindlikkusele ja l\u00fchidusele v\u00f5imaldavad anon\u00fc\u00fcmsed funktsioonid kirjutada kompaktsemat ja loetavamat koodi. Samuti on neid tihti kasutatud kolmanda osapoole teekide ja raamistike funktsioonide sisendina, kuna need ei vaja lisanimetust, vaid saab otse k\u00e4itumise m\u00e4\u00e4rata.<\/p>\n\n\n\n
Kokkuv\u00f5ttes pakuvad klassikalised ja anon\u00fc\u00fcmsed funktsioonid erinevaid v\u00f5imalusi JavaScripti arendamisel: klassikalised funktsioonid on tugevad korduvkasutuseks ja keerukate \u00fclesannete lahendamiseks, anon\u00fc\u00fcmsed funktsioonid aga mugavad v\u00e4ikeste ja \u00fchekordsete toimingute jaoks. Nende m\u00f5istmine on h\u00e4davajalik igale arendajale, kes soovib kirjutada puhtaid, loetavaid ja efektiivseid veebirakendusi.<\/p>\n\n\n\n
<\/p>\n\n\n\n
N\u00e4ide anon\u00fc\u00fcmsest funktsioonist:<\/h2>\n\n\n\nvar tervita = function() {\n console.log("Tere maailm!");\n };\ntervita();\n\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/7F0BC8D1-06BA-454C-814A-59D114F79F94.png\")
<\/a><\/figure>\n\n\n\nSiin on n\u00e4ide anon\u00fc\u00fcmsest funktsioonist argumentide kasutamisel, mis tagastab summa kahe arvu vahel<\/pre>\n\n\n\n var summa = function(a, b) {\n return a + b;\n };\n\n var tulemus = summa(3, 5);\n console.log(tulemus);\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/6C2BF6D5-8003-42A9-AAB5-CCB75FE7461B.png\")
<\/a><\/figure>\n\n\n\nAnon\u00fc\u00fcmne funktsioon koos argumendiga<\/pre>\n\n\n\n setTimeout(function() {\n console.log("Tere p\u00e4rastl\u00f5unast!");\n }, 1000);\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/B75FFBEF-BAE8-469C-9B02-8357B68FEEF1.png\")
<\/a><\/figure>\n\n\n\nAnon\u00fc\u00fcmseid funktsioone saab kasutada massiivi elementide kuvamiseks<\/pre>\n\n\n\n var array = [1, 2, 3, 4, 5];\n array.forEach(function(element) {\n console.log(element);\n });\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/BB08CF70-8462-45F8-B46B-53C6F09E6BBB.png\")
<\/a><\/figure>\n\n\n\nforEach meetod v\u00f5ib vastu v\u00f5tta ka teisi parameetreid, n\u00e4iteks indeksi v\u00f5i massiivi ennast<\/pre>\n\n\n\n const array2 = [1, 2, 3, 4, 5];\n array2.forEach(function(element, index, array) {\n console.log("Element:", element);\n console.log("Index:", index);\n console.log("Array:", array);\n });\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/DE63D9CA-961C-4AEF-A33C-BE704EE189DE.png\")
<\/a><\/figure>\n\n\n\nIIFE (Immediately Invoked Function Expression)<\/pre>\n\n\n\n (function() {\n var x = 10;\n console.log(x); \/\/ Output: 10\n })();\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/69803573-55B1-4443-89A7-317DEB9986FC.png\")
<\/a><\/figure>\n\n\n\nLihtne tervitus<\/pre>\n\n\n\n const noolFunktsioon2 = () => {\n console.log("Tere noolfunktsioon!");\n };\n noolFunktsioon2();\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/2758F33A-27A6-4722-ADB0-CF01D574CE00.png\")
<\/a><\/figure>\n\n\n\nKui funktsiooni kehas on ainult \u00fcks avaldus, siis saab sulud {} \u00e4ra j\u00e4tta<\/pre>\n\n\n\n const noolFunktsioon3 = () => console.log("Tere noolfunktsioon!");\n noolFunktsioon3();\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/68E0DC30-A764-42A3-99B8-26ED1D5FB693.png\")
<\/a><\/figure>\n\n\n\nNoolefunktsioon argumentidega<\/pre>\n\n\n\n let tervita2 = (nimi) => {console.log(`Tere ${nimi}`)};\n tervita2("Juhan");\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/B48FEB64-8A11-409A-B3AF-0DB8A67793ED.png\")
<\/figure>\n\n\n\nLihtsustatud noolefunktsioon, kui argumente on \u00fcks<\/pre>\n\n\n\n let tervita3 = nimi => console.log(`Tere ${nimi}`);\n tervita3("Mari");\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/A9AE1D7C-E1DE-4CA6-B427-347F745DB11E.png\")
<\/a><\/figure>\n\n\n\nKui kehas on rohkem ridu, sulud j\u00e4\u00e4vad<\/pre>\n\n\n\n let liitmine = (a, b) => {\n let result = a + b;\n return result;\n };\n console.log(liitmine(3,5));\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/79A79363-E3EE-4DED-AF47-171834FD502A.png\")
<\/a><\/figure>\n\n\n\nLihtsustatud noolefunktsioon argumentidega<\/pre>\n\n\n\n let liitmine2 = (a, b) => a + b;\n console.log(liitmine2(3,5));\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/F278A5F9-89D8-4E18-B069-966CB7220B70.png\")
<\/a><\/figure>\n\n\n\nNoolefunktsioon massiivi elementide kuvamiseks<\/pre>\n\n\n\n const array3 = [1, 2, 3, 4, 5];\n array3.forEach(element => console.log(element));\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/86DE2FAA-1D58-48A2-8D23-81108CF4E6AA.png\")
<\/a><\/figure>\n\n\n\nFunktsioon, mis leiab kas arv on paaris v\u00f5i paaritu<\/pre>\n\n\n\n const number = 5;\n const isEven = number => number % 2 === 0 ? "paaris" : "paaritu";\n console.log(isEven(number)); \n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/B016E720-9C50-41CF-BFB3-85887202DADE.png\")
<\/a><\/figure>\n\n\n\nSama n\u00e4ide massiivi korral<\/pre>\n\n\n\n const arvud = [1, 2, 3, 4, 5];\n arvud.forEach(nr => {\n const paaris = nr % 2 === 0 ? "paaris" : "paaritu";\n console.log(`${nr} is ${paaris}`);\n });\n\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/159AD35F-045B-42B9-B444-FF4BAA5D0F25.png\")
<\/a><\/figure>\n\n\n\nCallback funktsioonid massiivi elementide kuvamiseks<\/pre>\n\n\n\n let nimed = ["Kati", "Marta", "Andres", "J\u00fcri", "Liisa"];\n nimed.forEach(function(nimi) {\n console.log(`<li>${nimi}<\/li>`);\n });\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/F78FFA06-8C62-4D32-A8C4-DFFCC87A4D6F.png\")
<\/a><\/figure>\n\n\n\nFunktsioon eraldi defineerides<\/pre>\n\n\n\n const kasutaja = function(nimi) {\n console.log(`<li>${nimi}<\/li>`);\n };\n nimed.forEach(kasutaja);\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/6E6B1E1E-4AAC-4E52-9E79-D2BE436473C4.png\")
<\/a><\/figure>\n\n\n\nSama noolefunktsioonina<\/pre>\n\n\n\n const kasutaja2 = nimi => console.log(`<li>${nimi}<\/li>`);\n nimed.forEach(kasutaja2);\n<\/pre><\/div>\n\n\nL\u00fchidalt otse noolefunktsioonina<\/pre>\n\n\n\n nimed.forEach(nimi => console.log(`<li>${nimi}<\/li>`));\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/6000F343-BE2D-45C5-BE58-E76850D965A7-1.png\")
<\/a><\/figure>\n\n\n\nLihtne AJAX API p\u00e4ring koos callback-funktsiooniga<\/pre>\n\n\n\n const teostaAJAXP\u00e4ring = (url, callback) => {\n setTimeout(() => {\n const vastus = "Vastus andmebaasist";\n callback(vastus);\n }, 2000);\n };\n\n const callbackFunktsioon = (vastus) => {\n console.log("Vastus saadud:", vastus);\n };\n\n teostaAJAXP\u00e4ring("https:\/\/api.example.com\/data", callbackFunktsioon);\n<\/pre><\/div>\n\n\n![\"\"](\"https:\/\/markjurgen24.thkit.ee\/wp\/wp-content\/uploads\/2025\/11\/1B6DB614-1EC5-4CF2-BC2C-F38E6925A4C8.png\")
<\/a><\/figure>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Klassikalised funktsioonid Klassikalised funktsioonid on nimetatud funktsioonid, mis v\u00f5ivad v\u00f5tta argumente, omada funktsiooni keha ja tagastada v\u00e4\u00e4rtusi. Neid kasutatakse konkreetsete \u00fclesannete v\u00f5i arvutuste t\u00e4itmiseks ning need on programmeerimises v\u00e4ga paindlikud ja mitmek\u00fclgsed. Klassikaliste funktsioonide eeliseks on nende korduvkasutamise v\u00f5imalus: \u00fche korra loodud funktsiooni saab vajadusel mitu korda erinevates kohtades koodis v\u00e4lja kutsuda, ilma et oleks … Loe edasi JS: Anon\u00fc\u00fcmsed funktsioonid | Noolefunktsioonid<\/span>
\nvar tervita = function() {\n console.log("Tere maailm!");\n };\ntervita();\n\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nSiin on n\u00e4ide anon\u00fc\u00fcmsest funktsioonist argumentide kasutamisel, mis tagastab summa kahe arvu vahel<\/pre>\n\n\n\n var summa = function(a, b) {\n return a + b;\n };\n\n var tulemus = summa(3, 5);\n console.log(tulemus);\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nAnon\u00fc\u00fcmne funktsioon koos argumendiga<\/pre>\n\n\n\n setTimeout(function() {\n console.log("Tere p\u00e4rastl\u00f5unast!");\n }, 1000);\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nAnon\u00fc\u00fcmseid funktsioone saab kasutada massiivi elementide kuvamiseks<\/pre>\n\n\n\n var array = [1, 2, 3, 4, 5];\n array.forEach(function(element) {\n console.log(element);\n });\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nforEach meetod v\u00f5ib vastu v\u00f5tta ka teisi parameetreid, n\u00e4iteks indeksi v\u00f5i massiivi ennast<\/pre>\n\n\n\n const array2 = [1, 2, 3, 4, 5];\n array2.forEach(function(element, index, array) {\n console.log("Element:", element);\n console.log("Index:", index);\n console.log("Array:", array);\n });\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nIIFE (Immediately Invoked Function Expression)<\/pre>\n\n\n\n (function() {\n var x = 10;\n console.log(x); \/\/ Output: 10\n })();\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nLihtne tervitus<\/pre>\n\n\n\n const noolFunktsioon2 = () => {\n console.log("Tere noolfunktsioon!");\n };\n noolFunktsioon2();\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nKui funktsiooni kehas on ainult \u00fcks avaldus, siis saab sulud {} \u00e4ra j\u00e4tta<\/pre>\n\n\n\n const noolFunktsioon3 = () => console.log("Tere noolfunktsioon!");\n noolFunktsioon3();\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nNoolefunktsioon argumentidega<\/pre>\n\n\n\n let tervita2 = (nimi) => {console.log(`Tere ${nimi}`)};\n tervita2("Juhan");\n<\/pre><\/div>\n\n\n<\/figure>\n\n\n\nLihtsustatud noolefunktsioon, kui argumente on \u00fcks<\/pre>\n\n\n\n let tervita3 = nimi => console.log(`Tere ${nimi}`);\n tervita3("Mari");\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nKui kehas on rohkem ridu, sulud j\u00e4\u00e4vad<\/pre>\n\n\n\n let liitmine = (a, b) => {\n let result = a + b;\n return result;\n };\n console.log(liitmine(3,5));\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nLihtsustatud noolefunktsioon argumentidega<\/pre>\n\n\n\n let liitmine2 = (a, b) => a + b;\n console.log(liitmine2(3,5));\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nNoolefunktsioon massiivi elementide kuvamiseks<\/pre>\n\n\n\n const array3 = [1, 2, 3, 4, 5];\n array3.forEach(element => console.log(element));\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nFunktsioon, mis leiab kas arv on paaris v\u00f5i paaritu<\/pre>\n\n\n\n const number = 5;\n const isEven = number => number % 2 === 0 ? "paaris" : "paaritu";\n console.log(isEven(number)); \n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nSama n\u00e4ide massiivi korral<\/pre>\n\n\n\n const arvud = [1, 2, 3, 4, 5];\n arvud.forEach(nr => {\n const paaris = nr % 2 === 0 ? "paaris" : "paaritu";\n console.log(`${nr} is ${paaris}`);\n });\n\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nCallback funktsioonid massiivi elementide kuvamiseks<\/pre>\n\n\n\n let nimed = ["Kati", "Marta", "Andres", "J\u00fcri", "Liisa"];\n nimed.forEach(function(nimi) {\n console.log(`<li>${nimi}<\/li>`);\n });\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nFunktsioon eraldi defineerides<\/pre>\n\n\n\n const kasutaja = function(nimi) {\n console.log(`<li>${nimi}<\/li>`);\n };\n nimed.forEach(kasutaja);\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nSama noolefunktsioonina<\/pre>\n\n\n\n const kasutaja2 = nimi => console.log(`<li>${nimi}<\/li>`);\n nimed.forEach(kasutaja2);\n<\/pre><\/div>\n\n\nL\u00fchidalt otse noolefunktsioonina<\/pre>\n\n\n\n nimed.forEach(nimi => console.log(`<li>${nimi}<\/li>`));\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\nLihtne AJAX API p\u00e4ring koos callback-funktsiooniga<\/pre>\n\n\n\n const teostaAJAXP\u00e4ring = (url, callback) => {\n setTimeout(() => {\n const vastus = "Vastus andmebaasist";\n callback(vastus);\n }, 2000);\n };\n\n const callbackFunktsioon = (vastus) => {\n console.log("Vastus saadud:", vastus);\n };\n\n teostaAJAXP\u00e4ring("https:\/\/api.example.com\/data", callbackFunktsioon);\n<\/pre><\/div>\n\n\n<\/a><\/figure>\n\n\n\n<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Klassikalised funktsioonid Klassikalised funktsioonid on nimetatud funktsioonid, mis v\u00f5ivad v\u00f5tta argumente, omada funktsiooni keha ja tagastada v\u00e4\u00e4rtusi. Neid kasutatakse konkreetsete \u00fclesannete v\u00f5i arvutuste t\u00e4itmiseks ning need on programmeerimises v\u00e4ga paindlikud ja mitmek\u00fclgsed. Klassikaliste funktsioonide eeliseks on nende korduvkasutamise v\u00f5imalus: \u00fche korra loodud funktsiooni saab vajadusel mitu korda erinevates kohtades koodis v\u00e4lja kutsuda, ilma et oleks … Loe edasi JS: Anon\u00fc\u00fcmsed funktsioonid | Noolefunktsioonid<\/span>