JavaScript

Funktio

Suoraan HTML-koodin joukkoon asetetuilla lauseilla pystyy tekemään monenlaisia pieniä tehtäviä, mutta laajempaan sovelluskehitykseen tarvitaan funktioita. Funktio on nimetty pätkä koodia, joka tekee jonkin osatehtävä. Olioiden metodit ovat funktioita. Esimerkiksi koodissa

alert("Ilmoitus!")

kutsutaan funktiota alert, joka avaa näkyville pienen dialogin ilmoitusta tai varoitusta varten. Funktio on itse asiassa window-olion metodi eli kutsun voisi tehdä myös

window.alert("Ilmoitus!")

Funktion määrittely

Funktion määrittelyssä kerrotaan funktion nimi, parametrit ja funktion lauseet.

function nimi (parametrit) {
  lauseet;
}

Funktios kutsu on lauseke, jolla voi olla arvo. Arvo eli funktion tulos määritellään funktion lauseiden joukossa return-lauseella.

Parametrit

Parametrien avulla toimitetaan funktiolle tietoja kutsuvasta ohjelmasta. Esimerkissä käytetään funktiota

function nayta (ilmoitus) {
  alert("Ilmoitus: " + ilmoitus);
}

kaavakkeessa

Kaavakkeen HTML-koodista näkee, kuinka parametri on välitetty funktiolle.

<form name="form1" onsubmit="return false">
<input type="text" name="ilmoitus">
<input type="button" value="Näytä" onclick="nayta(document.form1.ilmoitus.value)">
</form>

Yleensä funktiota kutsutaan niin, että jokaista määrittelyssä mainittua parametria kohti on kutsussa todellinen parametri. Funktiota voi kutsua myös vaihtelevalla parametrien lukumäärällä. Parametrit välitetään funktiolla taulukon funktion_nimi.arguments avulla. Esimerkiksi koodi

<script type="text/javascript">
  function keskiarvo (l) {
    var s = 0;
    for (var i = 0; i < keskiarvo.arguments.length; i++) {
      s += arguments[i];
    }
    return s / arguments.length;
  }

  document.write("Keskiarvo: " + keskiarvo(80, 45.3, 23, 90));
</script>

tulostaa sivulle

Jarkko Leponiemi 19.3.2002