JavaScript-funktion og funktionsudtryk (med eksempler)

I denne vejledning lærer du om JavaScript-funktion og funktionsudtryk ved hjælp af eksempler.

JavaScript-funktion

En funktion er en blok af kode, der udfører en bestemt opgave.

Antag at du skal oprette et program for at oprette en cirkel og farve det. Du kan oprette to funktioner til at løse dette problem:

  • en funktion til at tegne cirklen
  • en funktion til at farve cirklen

At opdele et komplekst problem i mindre bidder gør dit program let at forstå og genanvendeligt.

JavaScript har også et stort antal indbyggede funktioner. For eksempel Math.sqrt()er en funktion til at beregne kvadratroden af ​​et tal.

I denne vejledning lærer du om brugerdefinerede funktioner.

Erklæring om en funktion

Syntaksen for at erklære en funktion er:

 function nameOfFunction () ( // function body )
  • En funktion erklæres ved hjælp af functionnøgleordet.
  • De grundlæggende regler for navngivning af en funktion svarer til navngivning af en variabel. Det er bedre at skrive et beskrivende navn til din funktion. For eksempel, hvis en funktion bruges til at tilføje to tal, kan du navngive funktionen addeller addNumbers.
  • Funktionens krop er skrevet indeni ().

For eksempel,

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

Opkald til en funktion

I ovenstående program har vi erklæret en funktion navngivet greet(). For at bruge denne funktion er vi nødt til at kalde den.

Sådan kan du kalde ovenstående greet()funktion.

 // function call greet();
Arbejde med en funktion 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();

Produktion

 Hej med dig!

Funktionsparametre

En funktion kan også deklareres med parametre. En parameter er en værdi, der overføres, når en funktion erklæres.

Arbejde med JavaScript-funktion med parameter

Eksempel 2: Funktion med parametre

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

Produktion

 Indtast et navn: Simon Hej Simon :)

I ovenstående program greeterklæres funktionen med en nameparameter. Brugeren bliver bedt om at indtaste et navn. Derefter, når funktionen kaldes, overføres et argument til funktionen.

Bemærk : Når en værdi overføres, når en funktion erklæres, kaldes den parameter . Og når funktionen kaldes, kaldes den videregivne værdi argument .

Eksempel 3: Tilføj to numre

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

Produktion

 7 11

I ovenstående program addbruges funktionen til at finde summen af ​​to tal.

  • Funktionen erklæres med to parametre aog b.
  • Funktionen kaldes ved hjælp af sit navn og sender to argumenter 3 og 4 i en og 2 og 9 i en anden.

Bemærk, at du kan ringe til en funktion så mange gange, som du vil. Du kan skrive en funktion og derefter kalde den flere gange med forskellige argumenter.

Funktionsretur

Det returnudsagn kan bruges til at returnere værdien til et funktionskald.

Den returnerklæring angiver, at funktionen er afsluttet. Enhver kode efter returnudføres ikke.

Hvis intet returneres, returnerer funktionen en undefinedværdi.

Funktion af JavaScript-funktion med returerklæring

Eksempel 4: Summen af ​​to tal

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

Produktion

 Indtast første nummer: 3.4 Indtast andet nummer: 4 Summen er 7,4

I ovenstående program returneres summen af ​​numrene af funktionen ved hjælp af returnudsagnet. Og den værdi er gemt i resultatvariablen.

Fordele ved at bruge en funktion

  • Funktion gør koden genanvendelig. Du kan erklære det en gang og bruge det flere gange.
  • Funktion gør programmet lettere, da hver lille opgave er opdelt i en funktion.
  • Funktion øger læsbarheden.

Funktionsudtryk

I Javascript kan funktioner også defineres som udtryk. 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);

Produktion

 16 9

I ovenstående program bruges variabel x til at gemme funktionen. Her behandles funktionen som et udtryk. Og funktionen kaldes ved hjælp af variabelnavnet.

Funktionen ovenfor kaldes en anonym funktion.

Bemærk: I ES2015 skrives JavaScript-udtryk som pilfunktioner. Du vil lære om dem i senere tutorials.

Interessante artikler...