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:

function func() {
	// jokin koodi
}

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

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

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

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

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

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

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

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

Funktioita voidaan kutsua ennen niiden määrittelypaikkaa:

func(); // tulostaa '!'

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

Tee funktio, joka tulostaa konsoliin nimesi.

Tee funktio, joka tulostaa konsoliin lukujen summan 1:stä 100:een.