Functies

Een JavaScript-functie is een codeblok dat is ontworpen om een ​​bepaalde taak uit te voeren. Een JavaScript-functie wordt uitgevoerd wanneer "iets" het aanroept (aanroept).

Voorbeeld:
function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}

Syntaxis van JavaScript-functies

Een JavaScript-functie wordt gedefinieerd met het function trefwoord, gevolgd door een naam, gevolgd door haakjes (). Functienamen kunnen letters, cijfers, onderstrepingstekens en dollartekens bevatten (dezelfde regels als variabelen). De haakjes kunnen parameternamen bevatten, gescheiden door komma's: ( parameter1, parameter2, ... ). De code die door de functie moet worden uitgevoerd, wordt tussen accolades geplaatst: {}.

Voorbeeld:
function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

Functie parameters staan tussen haakjes () in de functiedefinitie.
De waarde waarmee je de parameters vult als je de functie aanroept noemen we argumenten.
Binnen de functie gedragen de argumenten (de parameters) zich als lokale variabelen.
Een functie is vrijwel hetzelfde als een procedure van een subroutine in andere programmeertalen.

Functie-aanroep

De code in de functie wordt uitgevoerd wanneer "iets" de functie aanroept (aanroept):

Functie Return

Wanneer JavaScript een return instructie bereikt, stopt de functie met uitvoeren. Als de functie werd aangeroepen vanuit een instructie, zal JavaScript "terugkeren" naar de plek waar deze is aangeroepen en zal het de code vanaf daar weer verder uitvoeren. Functies berekenen vaak een waarde die teruggegeven moet worden. Deze waarde wordt teruggegeven aan de plek waar de functie werd aangeroepen.

Voorbeeld:
Bereken het product van twee getallen en retourneer het resultaat:
function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}
var x = myFunction(4, 3);   // Function is called, return value will end up in x

Het resultaat in x is:
12

Waarom functies?

Je kunt code hergebruiken: definieer de code één keer en gebruik deze meerdere keren.
Je kunt dezelfde code vaak met verschillende argumenten gebruiken om verschillende resultaten te verkrijgen.

Voorbeeld:
Fahrenheit in Celsius omrekenen:
function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

De () operator roept de functie op

Met behulp van het bovenstaande voorbeeld toCelsius verwijst naar het functieobject en toCelsius() verwijst naar het functieresultaat. Toegang tot een functie zonder () zal het functieobject retourneren in plaats van het functieresultaat.

Voorbeeld:
function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Functies die worden gebruikt als variabele waarden

Functies kunnen op dezelfde manier worden gebruikt als variabelen, in alle soorten formules, toewijzingen en berekeningen.

Voorbeeld:
In plaats van een variabele te gebruiken om de geretourneerde waarde van een functie op te slaan:
var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";
U kunt de functie direct gebruiken als een variabele waarde:
var text = "The temperature is " + toCelsius(77) + " Celsius";

Lokale variabelen

Variabelen die binnen een JavaScript-functie zijn gedeclareerd, zijn LOKAAL voor de functie. Lokale variabelen zijn alleen toegankelijk vanuit de functie.

Voorbeeld:
// code here can NOT use carName
function myFunction() {
  var carName = "Volvo";
  // code here CAN use carName
}
// code here can NOT use carName


Omdat lokale variabelen binnen hun functies worden herkend en niet daarbuiten, kunnen variabelen met dezelfde naam ook in andere functies gebruikt worden. Lokale variabelen worden gemaakt wanneer een functie start en worden verwijderd wanneer de functie is voltooid.