Functies in JavaScript

A JavaScript-functie is een codeblok dat is ontworpen om een ​​bepaalde taak uit te voeren. Het omvat een reeks instructies die in een programma kunnen worden hergebruikt. Functies kunnen parameters aannemen, instructies uitvoeren en waarden retourneren, waardoor code-organisatie, modulariteit en herbruikbaarheid bij JavaScript-programmering mogelijk worden gemaakt.

Een JavaScript-functie wordt uitgevoerd wanneer iets deze aanroept (aanroept).

Voorbeeld: Een eenvoudige Javascript-functie, hier creëren we een functie die het eerste element deelt door het tweede element.

Javascript
function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value); 

Uitvoer
4 

Uitgang:

4 

Je hebt vast al een aantal veelgebruikte functies in JavaScript gezien, zoals waarschuwing() , een ingebouwde functie in JavaScript. Maar met JavaScript kunnen we ook door de gebruiker gedefinieerde functies creëren. We kunnen functies in JavaScript maken met behulp van het trefwoord `function`.

Syntaxis : De basissyntaxis voor het maken van een functie in JavaScript wordt hieronder weergegeven.

function functionName(Parameter1, Parameter2, ...) {  // Function body } 

Om een ​​functie in JavaScript te maken, moeten we eerst het trefwoord gebruiken functie , gescheiden door de naam van de functie en parameters tussen haakjes. Het deel van de functie binnen de accolades {} is de hoofdtekst van de functie.

In javascript kunnen functies op dezelfde manier worden gebruikt als variabelen voor toewijzingen of berekeningen.

Functieaanroep:

  • Geactiveerd door een gebeurtenis (bijvoorbeeld een klik op een knop door een gebruiker).
  • Wanneer expliciet aangeroepen vanuit JavaScript-code.
  • Automatisch uitgevoerd, zoals bij zelfaanroepende functies.

Functiedefinitie:

Voordat we een door de gebruiker gedefinieerde functie in JavaScript gebruikten, moesten we er een maken. We kunnen de bovenstaande syntaxis gebruiken om een ​​functie in JavaScript te maken. Een functiedefinitie wordt soms ook wel een functiedeclaratie of functie-instructie genoemd. Hieronder staan ​​de regels voor het maken van een functie in JavaScript:

  • Elke functie moet beginnen met het trefwoord functie gevolgd door,
  • Een door de gebruiker gedefinieerde functienaam die uniek moet zijn,
  • Een lijst met parameters tussen haakjes en gescheiden door komma's,
  • Een lijst met instructies die de hoofdtekst van de functie vormen, tussen accolades {}.

Voorbeeld: Dit voorbeeld toont een basisdeclaratie van een functie in JavaScript.

JavaScript
function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9)); 

Uitvoer
15 

In het bovenstaande voorbeeld hebben we een functie gemaakt met de naam calcAddition,

  • Deze functie accepteert twee getallen als parameters en retourneert de optelling van deze twee getallen.
  • Als u de functie opent met alleen de functienaam zonder (), wordt het functieobject geretourneerd in plaats van het functieresultaat.

Er zijn drie manieren om een ​​functie in JavaScript te schrijven:

Functieverklaring: Het declareert een functie met een function-trefwoord. De functiedeclaratie moet een functienaam hebben.

Syntaxis:

function geeksforGeeks(paramA, paramB) {  // Set of statements } 

Functie-expressie:

Het is vergelijkbaar met een functiedeclaratie zonder de functienaam. Functie-expressies kan worden opgeslagen in een variabele toewijzing.

Syntaxis:

let geeksforGeeks= function(paramA, paramB) {  // Set of statements } 

Voorbeeld: In dit voorbeeld wordt het gebruik van de Function-expressie uitgelegd.

Javascript
const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x); 

Uitvoer
16 

Functioneert als variabele waarden:

Functies kunnen op dezelfde manier worden gebruikt als variabelen.

Voorbeeld:

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius'; 

Pijlfunctie:

Pijlfunctie is een van de meest gebruikte en efficiënte methoden om een ​​functie in JavaScript te creëren vanwege de relatief eenvoudige implementatie. Het is zowel een vereenvoudigde als een compactere versie van een reguliere of normale functie-expressie of syntaxis.

Syntaxis:

let function_name = (argument1, argument2 ,..) =>expressie 

Voorbeeld: Dit voorbeeld beschrijft het gebruik van de pijlfunctie.

Javascript
const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.lengte); console.log('Pijlfunctie gebruiken', a3); // [8, 6, 7, 9] 

Uitvoer
Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ] 

Functieparameters:

Tot nu toe hebben we veel gehoord over functieparameters, maar hebben we deze niet in detail besproken. Parameters zijn aanvullende informatie die aan een functie wordt doorgegeven. In bovenstaand voorbeeld bijvoorbeeld de taak van de functie berekeningOptelling is het berekenen van de optelling van twee getallen. Deze twee getallen waarop we de optelbewerking willen uitvoeren, worden als parameters aan deze functie doorgegeven. De parameters worden tussen haakjes na de functienaam aan de functie doorgegeven en gescheiden door komma's. Een functie in JavaScript kan een willekeurig aantal parameters hebben en tegelijkertijd kan een functie in JavaScript geen enkele parameter hebben.

Voorbeeld: In dit voorbeeld geven we het argument door aan de functie.

Javascript
function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69 

Uitvoer
69 

Functies bellen :

Nadat u een functie hebt gedefinieerd, is de volgende stap het oproepen ervan om gebruik te maken van de functie. We kunnen een functie aanroepen door de functienaam te gebruiken, gescheiden door de waarde van de parameters tussen haakjes en een puntkomma aan het einde. De onderstaande syntaxis laat zien hoe u functies in JavaScript kunt aanroepen:

Syntaxis:

functionName( Value1, Value2, ..); 

Voorbeeld: Hieronder vindt u een voorbeeldprogramma dat de werking van functies in JavaScript illustreert:

JavaScript
function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal)); 

Uitvoer
Hello Admin welcome to techcodeview.com 

Retourverklaring :

Er zijn situaties waarin we bepaalde waarden uit een functie willen retourneren nadat we bepaalde bewerkingen hebben uitgevoerd. In dergelijke gevallen kunnen we gebruik maken van de return-instructie in JavaScript. Dit is een optionele instructie en meestal de laatste instructie in een JavaScript-functie. Kijk naar ons eerste voorbeeld met de functie genaamd as berekeningOptelling . Deze functie berekent twee getallen en retourneert vervolgens het resultaat.

Syntaxis: De meest elementaire syntaxis voor het gebruik van de return-instructie is:

return value; 

De return-instructie begint met het trefwoord opbrengst gescheiden door de waarde die we ervan willen teruggeven. We kunnen ook een expressie gebruiken in plaats van de waarde direct terug te geven.

Functies:

  • Javascript | Pijlfuncties
  • JavaScript | ontsnappen()
  • JavaScript | ontsnap()
  • JavaScript | Venster afdrukken()
  • Javascript | Window Blur() en Window Focus()-methode
  • JavaScript | console.log()
  • JavaScript | pressFloat()
  • JavaScript | ongelijk()
  • JavaScript parseInt()
  • JavaScript | overeenkomst()
  • JavaScript | Datum.parse()
  • JavaScript | Replace()-methode
  • JavaScript | Kaart.get( )
  • JavaScript | Kaart.entries( )
  • JavaScript | Kaart.clear( )
  • JavaScript | Kaart.delete()
  • JavaScript | Kaart.has( )

Meer>>

We hebben een Cheat Sheet over Javascript waarin we alle belangrijke Javascript-onderwerpen hebben behandeld om deze te controleren Javascript Cheat Sheet-Een basisgids voor JavaScript .