Funkcia JavaScript a výrazy funkcií (s príkladmi)

V tomto výučbe sa pomocou príkladov dozviete o funkciách a výrazoch funkcií JavaScriptu.

Funkcia JavaScript

Funkcia je blok kódu, ktorý vykonáva konkrétnu úlohu.

Predpokladajme, že musíte vytvoriť program na vytvorenie kruhu a jeho vyfarbenie. Na vyriešenie tohto problému môžete vytvoriť dve funkcie:

  • funkcia na nakreslenie kruhu
  • funkcia na vyfarbenie kruhu

Rozdelením zložitého problému na menšie časti bude váš program ľahko pochopiteľný a znovu použiteľný.

JavaScript má tiež obrovské množstvo zabudovaných funkcií. Napríklad Math.sqrt()je funkcia na výpočet druhej odmocniny čísla.

V tomto návode sa dozviete o funkciách definovaných používateľom.

Deklarovanie funkcie

Syntax na vyhlásenie funkcie je:

 function nameOfFunction () ( // function body )
  • Funkcia je deklarovaná pomocou functionkľúčového slova.
  • Základné pravidlá pomenovania funkcie sú podobné pomenovaniu premennej. Lepšie je napísať popisný názov svojej funkcie. Napríklad ak sa na pridanie dvoch čísel použije funkcia, môžete funkciu pomenovať addalebo addNumbers.
  • Telo funkcie je napísané vo vnútri ().

Napríklad,

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

Volanie funkcie

Vo vyššie uvedenom programe sme deklarovali funkciu s názvom greet(). Aby sme mohli použiť túto funkciu, musíme ju nazvať.

Tu je príklad, ako môžete zavolať vyššie uvedenú greet()funkciu.

 // function call greet();
Pracovanie funkcie v JavaScripte

Príklad 1: Zobrazenie textu

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

Výkon

 Ahoj!

Parametre funkcie

Funkciu je možné deklarovať aj pomocou parametrov. Parameter je hodnota, ktorá sa odovzdáva pri deklarovaní funkcie.

Fungovanie funkcie JavaScript s parametrom

Príklad 2: Funkcia s parametrami

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

Výkon

 Zadajte meno: Simon Dobrý deň Simon :)

Vo vyššie uvedenom programe je greetfunkcia deklarovaná nameparametrom. Používateľ je vyzvaný na zadanie mena. Keď sa potom volá funkcia, do funkcie sa odovzdá argument.

Poznámka : Keď sa pri deklarovaní funkcie odovzdá hodnota, nazýva sa to parameter . A keď sa funkcia volá, odovzdaná hodnota sa volá argument .

Príklad 3: Pridajte dve čísla

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

Výkon

 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.

Fungovanie funkcie JavaScript s návratovým príkazom

Príklad 4: Súčet dvoch čísel

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

Výkon

 Zadajte prvé číslo: 3.4 Zadajte druhé číslo: 4 Súčet je 7,4

Vo vyššie uvedenom programe je súčet čísel vrátený funkciou pomocou returnpríkazu. A táto hodnota je uložená vo výslednej premennej.

Výhody používania funkcie

  • Funkcia umožňuje opätovné použitie kódu. Môžete to deklarovať raz a použiť to viackrát.
  • Funkcia uľahčuje program, pretože každá malá úloha je rozdelená na jednu funkciu.
  • Funkcia zvyšuje čitateľnosť.

Funkčné výrazy

V Javascript je možné funkcie definovať aj ako výrazy. Napríklad,

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

Výkon

 16 9

Vo vyššie uvedenom programe sa na uloženie funkcie používa premenná x. Tu sa funkcia považuje za výraz. A funkcia sa volá pomocou názvu premennej.

Vyššie uvedená funkcia sa nazýva anonymná funkcia.

Poznámka: V ES2015 sú výrazy JavaScriptu písané ako funkcie šípok. Dozviete sa o nich v ďalších tutoriáloch.

Zaujímavé články...