javascript-functie

| | | | | | | |

JavaScript-functies zijn aangepaste codeblokken die opnieuw kunnen worden gebruikt. Dankzij de functies kan de code meer modulair zijn en zijn ze essentieel voor objectgeoriënteerd programmeren. De functies kunnen worden gedefinieerd door statements of uitdrukkingen.

Als u JavaScript wilt leren en op zoek bent naar de basics, JS-functies zijn zeker iets dat je moet weten. Als je tijd hebt besteed aan het werken met een programmeertaal, weet je dat functies de bouwstenen zijn van complexe programma`s, maar je weet misschien niet hoe ze werken. Met functies kunt u code één keer schrijven voor veelvoorkomende processen, in plaats van deze meerdere keren te herhalen.

Functies zijn codeblokken die een actie uitvoeren en een waarde kunnen retourneren. De functies kunnen worden aangepast aan uw behoeften en kunnen worden gebruikt om uw code efficiënter en modulair te maken

In deze tutorial zullen we de basisfuncties verkennen:. Hoe een functie te definiëren, hoe een functie aan te roepen en wanneer ze nuttig kunnen zijn.

Hoe JavaScript-definitiefunctie te gebruiken

Er zijn twee manieren om een JavaScript-functie te definiëren: via declaraties en expressies. Laten we beginnen met de declaratiemethode om een functie te definiëren.

JavaScript functiedeclaraties

functiedeclaraties definieert een aangeroepen functie. Om dit type functie te definiëren, moet u uw code beginnen met het functiesleutelwoord , gevolgd door de naam van de functie. Hier is een voorbeeld:

Functienamen volgen dezelfde regels als variabelen: ze kunnen onderstrepingstekens, leers-nummers gebruiken en worden vaak geschreven in kameelgevallen. Vervolgens kunt u na de variabelenaam een reeks haakjes opnemen, waarin optionele parameters kunnen worden bewaard. We komen hier later in het artikel op terug.

Vervolgens, zoals een or for if-statement, staat de functiecode tussen accolades. Hier is een voorbeeld van een functie die Google naar de console zal afdrukken:

Binnen de JS printGoogle () bevindt zich een console .log () -instructie die wordt uitgevoerd wanneer de functie wordt aangeroepen . Maar er gebeurt niets totdat we de functie aanroepen. Als we de functie willen aanroepen, kunnen we deze code gebruiken:

Nu gaan we onze code samenvoegen tot een enkele functie, en laten we die dan noemen:

De uitvoer van deze functie is Google. printGoogle () geeft het resultaat als het wordt aangeroepen, in dit geval op de laatste regel

Nu onze printcode klaar is, kunnen we deze zo vaak uitvoeren als we willen door de functie printGoogle () aan te roepen.

JavaScript expression function

Een andere manier om een functie te declareren is door een functie-expressie te maken. We kunnen dit doen door een functie toe te wijzen aan een variabele

Let & rsquo ;. S gebruikt hetzelfde voorbeeld hierboven. In plaats van de functie zelf te declareren, kunnen we deze in plaats daarvan aan een variabele toewijzen. Hier is een voorbeeld:

Om deze uitdrukking aan te roepen, voegen we de regel code google () toe voor elke keer dat we de uitdrukking willen uitvoeren.

Nu we de twee manieren kennen waarop we een functie kunnen declareren, kunnen we onderzoeken hoe we die programmeerfunctie kunnen aanpassen. In onze bovenstaande code hebben we een functie gemaakt die Google op de console afdrukt.

Als we een andere naam willen afdrukken, zoals Facebook, moeten we de code wijzigen. Als we willen dat gebruikers die onze website bezoeken hun favoriete bedrijfsnaam invoeren en deze naar de console afdrukken, werkt onze functie niet.

Dus moeten we parameters gebruiken. Als we een parameter name aan onze JS-functie toevoegen, kunnen we via onze functie een naam naar de console afdrukken. Hier is een voorbeeld:

De functienaam is printCompany () en onze parameter heet name. De parameter kan dan worden aangeroepen in de JavaScript-functie. In het bovenstaande voorbeeld gebruiken we de parameter name om te wijzigen wat er op de regel console.log () wordt afgedrukt

Maar we hebben onze naam nog niet gedefinieerd. Om de parameter te definiëren, moeten we een waarde toewijzen wanneer we onze JavaScript-functie aanroepen. Laten we zeggen uw favoriete bedrijf is Snapchat. We zullen de functie aanroepen en de naam van het bedrijf invoegen als een argument in de functieaanroep.

Hier is een voorbeeld:

wanneer we deze code uitvoeren, wordt het volgende afgedrukt:

in onze we noemen de functie bijvoorbeeld met behulp van printCompany (), en noem deze dan tussen haakjes. Dus nu kunnen we onze functie meerdere keren hergebruiken met verschillende namen.

Opgemerkt moet worden dat u zoveel parameters kunt gebruiken als u wilt en ze in volgorde kunt raadplegen. We zullen een voorbeeld gebruiken dat hieronder in actie wordt getoond.

Return values ‚Äã‚Äã

In onze voorbeelden tot nu toe hebben we geen waarde geretourneerd. In plaats daarvan hebben we tekst op de console afgedrukt. Maar met een functie kunnen we parameters toewijzen die moeten worden verwerkt en vervolgens een waarde retourneren op basis van wat er in de return-declaratie staat.

Hier is een voorbeeld van een functie die twee optelt. cijfers en geeft ons het totaal:

In dit programma wordt onze functie aangeroepen en worden twee cijfers doorgegeven door de functie. Wanneer deze functie wordt uitgevoerd, in de laatste regel van ons vorige voorbeeld, zullen we het antwoord 3 terugkrijgen. Onze parameterlijst is gescheiden door komma`s

Het programma heeft 1 en 2 toegevoegd, met de namen van de parameters first en seconds en geeft ze terug naar de code. Als we deze waarden willen zien, kunnen we een console.log () toevoegen rond de regel waar we addNumbers (1, 2) noemen.

functions Under

In ECMAScript 6 is er een meer beknopte manier om functies te definiëren die bekend staan als pijlfunctie . Deze worden weergegeven door de volgende uitdrukking:. =>

Deze functies zijn een soort functie-expressie. Laten we een voorbeeld nemen om richtingsfuncties in actie te laten zien:

In plaats van te schrijven, kunnen we het pijlteken gebruiken om aan te geven dat we een functie aankondigen. Er zijn een paar subtiele verschillen tussen regiefuncties en reguliere functies, maar voor de meeste gevallen hoeft u ze niet te kennen.

, je hebt geen haakjes eromheen nodig. En als je niet met variabelen werkt, moet je een set lege haakjes () opnemen waar je variabelen zouden worden gedeclareerd .