JavaScript-funktion och funktionsuttryck (med exempel)

I denna handledning lär du dig om JavaScript-funktion och funktionsuttryck med hjälp av exempel.

JavaScript-funktion

En funktion är ett kodblock som utför en specifik uppgift.

Antag att du måste skapa ett program för att skapa en cirkel och färga det. Du kan skapa två funktioner för att lösa detta problem:

  • en funktion för att rita cirkeln
  • en funktion för att färga cirkeln

Att dela upp ett komplext problem i mindre bitar gör ditt program lätt att förstå och återanvändas.

JavaScript har också ett stort antal inbyggda funktioner. Till exempel Math.sqrt()är en funktion för att beräkna kvadratroten av ett tal.

I denna handledning lär du dig om användardefinierade funktioner.

Förklara en funktion

Syntaxen för att deklarera en funktion är:

 function nameOfFunction () ( // function body )
  • En funktion deklareras med hjälp av functionnyckelordet.
  • De grundläggande reglerna för att namnge en funktion liknar namnet på en variabel. Det är bättre att skriva ett beskrivande namn för din funktion. Till exempel, om en funktion används för att lägga till två nummer kan du namnge funktionen addeller addNumbers.
  • Funktionens kropp är skriven inuti ().

Till exempel,

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

Ringa en funktion

I ovanstående program har vi förklarat en funktion som heter greet(). För att använda den funktionen måste vi kalla den.

Så här kan du ringa ovanstående greet()funktion.

 // function call greet();
Arbeta med en funktion i JavaScript

Exempel 1: Visa en text

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

Produktion

 Hej där!

Funktionsparametrar

En funktion kan också deklareras med parametrar. En parameter är ett värde som skickas när en funktion deklareras.

Arbeta med JavaScript-funktion med parameter

Exempel 2: Funktion med parametrar

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

 Ange ett namn: Simon Hello Simon :)

I ovanstående program greetdeklareras funktionen med en nameparameter. Användaren uppmanas att ange ett namn. Sedan när funktionen anropas skickas ett argument till funktionen.

Obs! När ett värde skickas när en funktion deklareras kallas det parameter . Och när funktionen kallas kallas det skickade värdet argument .

Exempel 3: Lägg till två nummer

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

In the above program, the add function is used to find the sum of two numbers.

  • The function is declared with two parameters a and b.
  • The function is called using its name and passing two arguments 3 and 4 in one and 2 and 9 in another.

Notice that you can call a function as many times as you want. You can write one function and then call it multiple times with different arguments.

Function Return

The return statement can be used to return the value to a function call.

The return statement denotes that the function has ended. Any code after return is not executed.

If nothing is returned, the function returns an undefined value.

Arbeta med JavaScript-funktion med returuttalande

Exempel 4: Summan av två nummer

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

 Ange första nummer: 3.4 Ange andra nummer: 4 Summan är 7.4

I ovanstående program returneras summan av siffrorna av funktionen med hjälp av returnuttalandet. Och det värdet lagras i resultatvariabeln.

Fördelar med att använda en funktion

  • Funktionen gör att koden kan återanvändas. Du kan deklarera det en gång och använda det flera gånger.
  • Funktion gör programmet enklare eftersom varje liten uppgift delas in i en funktion.
  • Funktion ökar läsbarheten.

Funktionsuttryck

I Javascript kan funktioner också definieras som uttryck. Till exempel,

 // 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 programmet ovan används variabel x för att lagra funktionen. Här behandlas funktionen som ett uttryck. Och funktionen kallas med variabelnamnet.

Funktionen ovan kallas en anonym funktion.

Obs! I ES2015 skrivs JavaScript-uttryck som pilfunktioner. Du kommer att lära dig mer om dem i senare handledning.

Intressanta artiklar...