JavaScript-functie en functie-expressies (met voorbeelden)

In deze tutorial leer je met behulp van voorbeelden over JavaScript-functies en functie-expressies.

JavaScript-functie

Een functie is een codeblok dat een specifieke taak uitvoert.

Stel dat u een programma moet maken om een ​​cirkel te maken en deze in te kleuren. U kunt twee functies maken om dit probleem op te lossen:

• een functie om de cirkel te tekenen
• een functie om de cirkel te kleuren

Door een complex probleem op te splitsen in kleinere stukjes, is uw programma gemakkelijk te begrijpen en herbruikbaar.

JavaScript heeft ook een groot aantal ingebouwde functies. Is bijvoorbeeld Math.sqrt()een functie om de vierkantswortel van een getal te berekenen.

In deze tutorial leert u over door de gebruiker gedefinieerde functies.

Een functie declareren

De syntaxis om een ​​functie te declareren is:

 function nameOfFunction () ( // function body )

• Een functie wordt gedeclareerd met behulp van het functionsleutelwoord.
• De basisregels voor het benoemen van een functie zijn vergelijkbaar met het benoemen van een variabele. Het is beter om een ​​beschrijvende naam voor uw functie te schrijven. Als een functie bijvoorbeeld wordt gebruikt om twee getallen toe te voegen, kunt u de functie addof een naam geven addNumbers.
• Het lichaam van functie is binnen geschreven ().

Bijvoorbeeld,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Een functie aanroepen

In het bovenstaande programma hebben we een functie gedeclareerd met de naam greet(). Om die functie te gebruiken, moeten we deze aanroepen.

Hier ziet u hoe u de bovenstaande greet()functie kunt aanroepen .

 // function call greet();

Werken met een functie in JavaScript

Voorbeeld 1: geef een tekst weer

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Uitvoer

 Hallo daar!

Functieparameters

Een functie kan ook worden gedeclareerd met parameters. Een parameter is een waarde die wordt doorgegeven bij het declareren van een functie.

Werken met JavaScript-functie met parameter

Voorbeeld 2: functie met parameters

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Uitvoer

 Voer een naam in: Simon Hallo Simon :)

In het bovenstaande programma wordt de greetfunctie gedeclareerd met een nameparameter. De gebruiker wordt gevraagd een naam in te voeren. Wanneer de functie wordt aangeroepen, wordt een argument aan de functie doorgegeven.

Opmerking : wanneer een waarde wordt doorgegeven bij het declareren van een functie, wordt deze parameter genoemd . En wanneer de functie wordt aangeroepen, wordt de doorgegeven waarde argument genoemd .

Voorbeeld 3: voeg twee cijfers toe

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Uitvoer

 7 11

In het bovenstaande programma wordt de addfunctie gebruikt om de som van twee getallen te vinden.

• De functie wordt gedeclareerd met twee parameters aen b.
• De functie wordt aangeroepen met zijn naam en twee argumenten 3 en 4 in de ene en 2 en 9 in de andere.

Merk op dat u een functie zo vaak kunt aanroepen als u wilt. U kunt één functie schrijven en deze vervolgens meerdere keren aanroepen met verschillende argumenten.

Functie Return

De returninstructie kan worden gebruikt om de waarde naar een functieaanroep te retourneren.

De returninstructie geeft aan dat de functie is beëindigd. Elke code daarna returnwordt niet uitgevoerd.

Als er niets wordt geretourneerd, retourneert de functie een undefinedwaarde.

Werken met JavaScript-functie met retourinstructie

Voorbeeld 4: som van twee getallen

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Uitvoer

 Voer eerste cijfer in: 3,4 Voer tweede cijfer in: 4 De som is 7,4

In het bovenstaande programma wordt de som van de getallen geretourneerd door de functie met behulp van de returninstructie. En die waarde wordt opgeslagen in de resultaatvariabele.

Voordelen van het gebruik van een functie

• Functie maakt de code herbruikbaar. U kunt het eenmalig aangeven en meerdere keren gebruiken.
• Functie maakt het programma gemakkelijker omdat elke kleine taak is onderverdeeld in een functie.
• Functie verhoogt de leesbaarheid.

Functie-uitdrukkingen

In Javascript kunnen functies ook als uitdrukkingen worden gedefinieerd. Bijvoorbeeld,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Uitvoer

 16 9

In het bovenstaande programma wordt variabele x gebruikt om de functie op te slaan. Hier wordt de functie behandeld als een uitdrukking. En de functie wordt aangeroepen met behulp van de variabelenaam.

De bovenstaande functie wordt een anonieme functie genoemd.

Opmerking: in ES2015 worden JavaScript-expressies geschreven als pijlfuncties. In latere tutorials leert u er meer over.