Mikä ovat nuolifunktiot?
Nuolifunktiot (arrow functions) ovat moderni, tiivis tapa kirjoittaa funktioita JavaScriptissä. Sen sijaan, että käytettäisiin perinteistä function-avainsanaa, nuolifunktiot käyttävät =>-syntaksia. Ne usein lyhentävät koodiasi ja tekevät siitä helpommin luettavaa.
Esimerkiksi, tarkastellaan yksinkertaista funktiota, joka lisää kaksi lukua:
Perinteinen funktiosyntaksi
function add(a, b) {
return a + b;
}Nuolifunktio syntaksi
const add = (a, b) => a + b;Nuolifunktion versiossa:
- Käytämme const avainsanaaa määrittääksemme funktion add.
- Parametrit on lueteltu sulkeiden sisällä (samalla tavalla kun function -avainsanallakin), ja niitä seuraa nuoli =>.
- Jos funktio koostuu yhdestä lausekkeesta, kyseinen lauseke palautetaan evaluoituna automaattisesti.
- Jos funktio koostuu monimutkaisemmasta koodista, lisätään nuolen jälkeen aaltosulut ja käytetään return-avainsanaa normaalisti arvon palauttamiseen.
Tehtävät
Käytä nuolifunktiota yhteenlaskuun
- Luo nuolitoiminto nimeltä add, joka ottaa kaksi parametria ja palauttaa niiden summan.
- Kutsu add funktiota parametreilla 3 ja 4 ja tulosta paluuarvo käyttäen console.log-metodia.
Muuta nimetty funktio nuolifunktioksi
Tässä on perinteinen funktio, kirjoita se uudelleen nuolifunktioksi:
function square(n) {
return n * n;
}- Määritä nuolifunktio vakioon nimeltä square.
- Kutsu funktiota arvolla 5 ja tulosta paluuarvo käyttäen console.log.
Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.
Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.