JavaScript-funktio-lauseke

Määrittely ja käyttö

function-lauseella määritellään funktio.

Määritellyt funktiot ovat "tallennettuja myöhempää käyttöä varten" ja ne suoritetaan myöhemmin kutsuttaessa.

JavaScriptissä funktiot ovat objekteja, joilla on sekä ominaisuuksia että menetelmiä.

Funktioita voidaan myös määritellä lausekkeilla (katso funktioiden määrittely).

Lue JavaScript-opasamme ja oppi kaikki tarvitsemasi tiedot funktioista. Aloita JavaScript-funktioiden ja JavaScript-aloitustilojen luvuista. Lisätietoja varten lue opas funktioiden määrittelyistä, parametreista, kutsuista ja sulkeista.

Vinkki:Käytä return-lauseetta palauttaaksesi arvon funktiosta.

Esimerkki

Määritä funktio ja tulosta "Hello World"-teksti elementissä, jonka id on "demo":

function myFunction() { // Määritä funktio
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Kutsu funktiota

Kokeile itse

Sivun alaosassa on lisää TIY-esimerkkejä.

Syntaksi

function functionName(parameters) {
  suoritettava koodi
}

Parametrien arvo

Parametri Kuvaus
functionName Välttämätön. Määritä funktion nimi, jonka voit "tallentaa myöhempää käyttöä varten". Funktioiden nimet voivat sisältää kirjaimia, numeroita, alaviivoja ja dollaria (samaa kuin muuttujilla).
parameters

Valinnainen. Määritä joukko nollaa tai useita parametrinimiä pilkulla erotettuna.

Funktioiden parametrit ovat nimet, jotka on lueteltu funktioiden määrittelyssä.

Funktioiden parametrit ovat arvot, jotka funktio vastaanottaa kutsuttaessa. Funktioiden sisällä parametrit toimivat paikallisina muuttujina.

Huomautus:Jos funktiota kutsuttaessa puuttuu parametreja, puuttuvien parametrien arvot asetetaan undefinediksi.

Tekninen yksityiskohta

JavaScript-versio: ECMAScript 1

Lisää esimerkkejä

Esimerkki

Palauta PI-arvo:

function myFunction() {
  return Math.PI;
}

Kokeile itse

Esimerkki

Palauta a ja b tulostulo:

function myFunction(a, b) {
  return a * b;
}

Kokeile itse

Esimerkki

Käyttämällä funktioita voit käyttää samaa koodia useita kertoja eri parametrien kanssa ja saada erilaisia tuloksia.

Muunna Fahrenheit-asteet Celsius-asteiksi:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Kokeile itse

Esimerkki

Funktiot voidaan käyttää muuttujina.

korvata:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Voit käyttää:
text = "The temperature is " + toCelsius(32) + " Centigrade";

Kokeile itse

Esimerkki

JavaScript-funktioilla on sisäänrakennettu arguments-objekti.

arguments.length -ominaisuus palauttaa parametrien määrän, jotka on vastaanotettu funktiota kutsuttaessa:

function myFunction(a, b) {
  return arguments.length;
}

Kokeile itse

Esimerkki

Napsauta painiketta kutsuaksesi funktiota, joka tulostaa "Hello World" id="demo" -elementtiin:

<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Kokeile itse

Esimerkki

JavaScript-funktiot voidaan myös määritellä ilmaisulla.

Funktiot voivat tallentua muuttujiin:

var x = function (a, b) {return a * b};

Kokeile itse

Esimerkki

Tallenna funktioilmaisu muuttujaan, ja voit käyttää sitä funktiona:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Kokeile itse

Selaimen tuki

Lausunnot Chrome IE Firefox Safari Opera
function Tuki Tuki Tuki Tuki Tuki

Tiedostot

JavaScript-opas:JavaScript-funktio

JavaScript-opas:JavaScript-ala

JavaScript-opas:JavaScript-funktion määrittely

JavaScript-opas:JavaScript-funktion parametrit

JavaScript-opas:JavaScript-funktion kutsuminen

JavaScript-opas:JavaScript-funktioiden sulkeet

JavaScript viittausopas:JavaScript return-lauseke