Käyttäjien määrittelemien funktioiden perusteet JavaScriptissä

Nyt opimme luomaan omia funktioita, joita voidaan sitten käyttää vastaavasti kuin JavaScriptin standardifunktioita ja -menetelmiä. Katsotaanpa oman funktion luomisen syntaksia.

Funktio luodaan käyttämällä komentoa function. Sen jälkeen välilyönnin jälkeen tulee funktion nimi, pyöreät sulkeet ja sitten aaltosulkeet, joiden sisään kirjoitetaan jotain koodia:

javascriptfunction func() {
  // jokin koodi
}

Katsotaanpa jotain esimerkkiä. Tehdään funktio nimeltä func, joka kutsuttaessa tulostaa huutomerkin:

javascriptfunction func() {
  console.log('!');
}

Kutsutaan nyt funktiota. Tätä varten on kirjoitettava sen nimi ja pyöreät sulkeet:

javascriptfunction func() {
  console.log('!');
}

// Kutsumme funktiotamme:
func(); // tulostaa '!'

Funktiota voidaan kutsua useita kertoja - tässä tapauksessa jokainen funktion kutsu tulostaa uuden viestin:

javascriptfunction func() {
  console.log('!');
}

func(); // tulostaa '!'
func(); // tulostaa '!'
func(); // tulostaa '!'

Funktioita voidaan kutsua ennen niiden määrittelypaikkaa:

javascriptfunc(); // tulostaa '!'

function func() {
  console.log('!');
}