JavaScript-functie

❮ Vorige JavaScript -verklaringen Volgende ❯

Voorbeeld

Declareer een functie die "Hello World" uitvoert wanneer deze wordt aangeroepen:

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

Hieronder meer voorbeelden.

Definitie en gebruik

De functioninstructie declareert een functie.

Een gedeclareerde functie wordt "opgeslagen voor later gebruik" en zal later worden uitgevoerd wanneer deze wordt aangeroepen (aangeroepen).

In JavaScript zijn functies objecten en ze hebben zowel eigenschappen als methoden.

Een functie kan ook worden gedefinieerd met behulp van een uitdrukking (zie Functiedefinities ).

Lees onze JavaScript-tutorial om alles te weten te komen over functies. Begin met het inleidende hoofdstuk over JavaScript-functies en JavaScript-scope . Voor meer gedetailleerde informatie, zie onze functiesectie over functiedefinities , parameters , aanroeping en sluitingen .

Zie ook:

De retourverklaring .

Syntaxis

function functionName(parameters) {
code to be executed
}

Parameters:

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

Meer voorbeelden

Retourneer de waarde van PI:

function myFunction() {
return Math.PI;
}

Retourneer het product van a en b:

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

Een functie met verschillende argumenten kan verschillende resultaten opleveren.

Fahrenheit naar Celsius omrekenen / converteren:

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

Functies kunnen 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";

JavaScript-functies hebben een ingebouwd object dat argumenten wordt genoemd.

De eigenschap argumenten.length retourneert het aantal argumenten dat door de functie is ontvangen:

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

Klik om een functie aan te roepen die "Hello World" uitvoert:

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Wanneer een functie-uitdrukking is opgeslagen in een variabele, bevat de variabele een functie:

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

Wanneer een functie in een variabele is opgeslagen, kan de variabele als functie worden gebruikt:

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