JavaScript functie-statement

Definitie en gebruik

De function-statement声明一个函数。

De gedeclareerde functie wordt 'opgeslagen voor later gebruik' en wordt later uitgevoerd bij aanroep.

In JavaScript zijn functies objecten die zowel eigenschappen als methoden hebben.

Functies kunnen ook worden gedefinieerd met een expressie (zie functie-definitie).

Lees onze JavaScript-tutorial om alles te leren over functies die je moet leren. Begin met de hoofdstukken over JavaScript-functies en JavaScript-scope. Voor meer gedetailleerde informatie, lees onze tutorials over functie-definitie, parameters, aanroep en closure.

Tip:Gebruik de return-statement om een waarde van de functie terug te geven.

Voorbeeld

Definieer een functie en voer deze uit bij het aanroepen van de functie, waarbij "Hello World" wordt weergegeven in het element met id="demo":

function myFunction() { // Functie declareren
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Functie aanroepen

Probeer het zelf

Er zijn meer TIY-exempelen onder de pagina.

Syntax

function functionName(parameters) {
  code om uit te voeren
}

Parameterwaarde

Parameter Beschrijving
functionName Verplicht. Stel de naam van de functie vast, deze kan 'opslaan voor later gebruik'. De functienaam kan letters, cijfers, onderstrepingstekens en dollar tekens bevatten (regels zoals variabelen).
parameters

Optioneel. Specificeer een groep van nul of meerdere parameternamen, gescheiden door komma's.

Functieparameters zijn de namen die in de definitie van de functie worden opgegeven.

Functieparameters zijn de waarden die een functie ontvangt bij het aanroepen. Binnen de functie worden parameters gebruikt als lokale variabelen.

Opmerking:Als er een parameter ontbreekt bij het aanroepen van de functie, wordt de waarde van de ontbrekende parameter ingesteld op undefined.

Technische details

JavaScript Versie: ECMAScript 1

Meer voorbeelden

Voorbeeld

Retourneer de waarde van PI:

function myFunction() {
  return Math.PI;
}

Probeer het zelf

Voorbeeld

Retourneer het product van a en b:

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

Probeer het zelf

Voorbeeld

Door gebruik te maken van functies, kun je dezelfde code meerdere keren gebruiken met verschillende parameters om verschillende resultaten te verkrijgen.

Converteer Fahrenheit naar Centigrade:

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

Probeer het zelf

Voorbeeld

Functies kunnen ook als variabelen worden gebruikt.

in plaats van:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Je kunt gebruiken:
text = "The temperature is " + toCelsius(32) + " Centigrade";

Probeer het zelf

Voorbeeld

JavaScript functies hebben een ingebouwde object genaamd arguments.

De properties.length-eigenschap retourneert het aantal parameters die tijdens de aanroep van de functie worden ontvangen:

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

Probeer het zelf

Voorbeeld

Klik op de knop om de functie aan te roepen, die "Hello World" zal weergeven in het element met id="demo":

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

Probeer het zelf

Voorbeeld

JavaScript functies kunnen ook met expressies worden gedefinieerd.

Functieexpressies kunnen worden opgeslagen in variabelen:

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

Probeer het zelf

Voorbeeld

Na het opslaan van de functieexpressie in een variabele, kan deze variabele als functie worden gebruikt:

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

Probeer het zelf

Browserondersteuning

Uitspraken Chrome IE Firefox Safari Opera
function Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Gerelateerde pagina's

JavaScript Handleiding:JavaScript function

JavaScript Handleiding:JavaScript scope

JavaScript Handleiding:JavaScript function definition

JavaScript Handleiding:JavaScript function parameters

JavaScript Handleiding:JavaScript function call

JavaScript Handleiding:JavaScript Functie Sluiting

JavaScript ReferentiesJavaScript return statement