Cityscape
Girl

JavaScript

Funktiot - Uudelleenkäytettävää koodia

Helppo
10 min

Mikä on funktio?

Funktio on koodinpitkä, jota voit käyttää uudelleen ja uudelleen. Annat funktiolle tyypillisesti jonkun nimen, ja kun kutsut sitä sillä nimellä, funktion sisällä oleva koodi suoritetaan. Funktiot voivat myös ottaa syötteitä (niitä kutsutaan parametreiksi) joka vaikuttaa siihen että mitä funktio tekee, ja funktiot voivat palauttaa tuloksen (jota kutsutaan paluuarvoksi).

Funktion määrittäminen

Funktion luomiseksi voit käyttää function-avainsanaa. Esimerkiksi tämä funktio tulostaa tervehdyksen:

function sanoHei() {
  console.log("Hei, Funktio!");
}

Tässä meillä on:

  • Määrittely: Avainsana funktio kertoo JavaScriptille, että olemme luomassa funktiota.
  • Nimi: Funktion nimi on sanoHei.
  • Runko: Aaltosulkujen {} sisällä oleva koodi kertoo, mitä funktio tekee. Tässä tapauksessa se tulostaa viestin.

Funktion kutsuminen

Kun funktio on määritetty, voit suorittaa sen (tai "kutsua" sitä on oikea termi, funktioita "kutsutaan") kirjoittamalla sen nimi ja lisäämällä nimen perään sulkeet:

sanoHei();

Tämä kertoo JavaScriptille, "Suorita funktio nimeltä sanoHei."

Funktiot parametreilla ja paluuarvoilla

Kuten mainittu, funktiot voivat hyväksyä syötteitä. Esimerkiksi tässä on funktio, joka lisää kaksi lukua yhteen:

function lisaaLuvut(a, b) {
  return a + b;
}

Tässä tapauksessa:

  • Parametrit: Funktio ottaa kaksi syötettä, a ja b.
  • Paluuarvo: Funktio palauttaa tuloksen, kun lukuja a ja b lisätään yhteen.

Voit kutsua tätä funktiota ja tallentaa sen paluuarvon muuttujaan:

let summa = lisaaLuvut(3, 4);
console.log(summa); // tulostaa 7

Tehtävät

Yksinkertainen funktio

  • Luo funktio nimeltään sanoHei, joka tulostaa "Hei, Funktio!" konsoliin.
  • Kutsu funktiota jotta viesti tulostuu.

Funktio parametreilla

  • Luo funktio nimeltään lisaaLuvut, joka ottaa kaksi parametria.
  • Funktion pitäisi palauttaa kahden parametrin summa.
  • Kutsu funktiota numeroilla 3 ja 5, tallenna tulos muuttujaan nimeltään tulos ja tulosta se käyttäen console.logia.

Suorakulmion pinta-alan laskeminen

  • Luo funktio nimeltään calculateArea käyttäen function -avainsanaa.
  • Sen tulisi ottaa kaksi parametria: width ja height.
  • Funktion tulisi palauttaa leveyden (width) ja korkeuden (height) tulo.
  • Funktion määrittämisen jälkeen kutsu sitä numeroilla 7 ja 3 ja tulosta paluuarvo.

hakatemia pro

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ä.