JavaScript-funksjon og funksjonsuttrykk (med eksempler)

I denne veiledningen vil du lære om JavaScript-funksjon og funksjonsuttrykk ved hjelp av eksempler.

JavaScript-funksjon

En funksjon er en blokk med kode som utfører en bestemt oppgave.

Anta at du må lage et program for å lage en sirkel og fargelegge den. Du kan opprette to funksjoner for å løse dette problemet:

  • en funksjon for å tegne sirkelen
  • en funksjon for å fargelegge sirkelen

Å dele et komplekst problem i mindre biter gjør programmet enkelt å forstå og gjenbrukbart.

JavaScript har også et stort antall innebygde funksjoner. For eksempel Math.sqrt()er en funksjon for å beregne kvadratroten til et tall.

I denne opplæringen vil du lære om brukerdefinerte funksjoner.

Erklære en funksjon

Syntaksen for å erklære en funksjon er:

 function nameOfFunction () ( // function body )
  • En funksjon erklæres ved hjelp av functionnøkkelordet.
  • De grunnleggende reglene for å navngi en funksjon er lik å navngi en variabel. Det er bedre å skrive et beskrivende navn for funksjonen din. For eksempel, hvis en funksjon brukes til å legge til to tall, kan du gi navnet funksjonen addeller addNumbers.
  • Funksjonens kropp er skrevet innenfor ().

For eksempel,

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

Ringe til en funksjon

I programmet ovenfor har vi erklært en funksjon som heter greet(). For å bruke den funksjonen, må vi kalle den.

Slik kan du kalle funksjonen ovenfor greet().

 // function call greet();
Arbeide med en funksjon i JavaScript

Eksempel 1: Vis en tekst

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

Produksjon

 Hei der!

Funksjonsparametere

En funksjon kan også deklareres med parametere. En parameter er en verdi som sendes når deklarerer en funksjon.

Arbeid med JavaScript-funksjon med parameter

Eksempel 2: Funksjon med parametere

 // 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);

Produksjon

 Skriv inn et navn: Simon Hello Simon :)

I programmet ovenfor er greetfunksjonen erklært med en nameparameter. Brukeren blir bedt om å angi et navn. Så når funksjonen kalles, sendes et argument inn i funksjonen.

Merk : Når en verdi sendes når deklarerer en funksjon, kalles den parameter . Og når funksjonen kalles, kalles verdien som sendes argument .

Eksempel 3: Legg til to tall

 // 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);

Produksjon

 7 11

I programmet ovenfor addbrukes funksjonen til å finne summen av to tall.

  • Funksjonen er deklarert med to parametere aog b.
  • Funksjonen kalles ved hjelp av navnet og sender to argumenter 3 og 4 i ett og 2 og 9 i et annet.

Legg merke til at du kan ringe en funksjon så mange ganger du vil. Du kan skrive en funksjon og deretter kalle den flere ganger med forskjellige argumenter.

Funksjon Retur

Den returnuttalelsen kan brukes til å returnere verdien til en funksjon samtale.

Den returnuttalelsen betegner at funksjonen er avsluttet. Enhver kode etter returnkjøres ikke.

Hvis ingenting returneres, returnerer funksjonen en undefinedverdi.

Arbeid med JavaScript-funksjon med returoppgave

Eksempel 4: Summen av to tall

 // 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);

Produksjon

 Skriv inn første nummer: 3.4 Skriv inn andre nummer: 4 Summen er 7,4

I programmet ovenfor returneres summen av tallene av funksjonen ved hjelp av returnsetningen. Og den verdien lagres i resultatvariabelen.

Fordeler med å bruke en funksjon

  • Funksjon gjør koden gjenbrukbar. Du kan erklære det en gang og bruke det flere ganger.
  • Funksjon gjør programmet enklere ettersom hver liten oppgave er delt inn i en funksjon.
  • Funksjon øker lesbarheten.

Funksjonsuttrykk

I Javascript kan funksjoner også defineres som uttrykk. For eksempel,

 // 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);

Produksjon

 16 9

I programmet ovenfor brukes variabel x for å lagre funksjonen. Her blir funksjonen behandlet som et uttrykk. Og funksjonen kalles ved hjelp av variabelnavnet.

Funksjonen ovenfor kalles en anonym funksjon.

Merk: I ES2015 er JavaScript-uttrykk skrevet som pilfunksjoner. Du vil lære om dem i senere opplæringsprogrammer.

Interessante artikler...