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
function
kľúč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ť
add
aleboaddNumbers
. - 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 parametromPrí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 greet
funkcia deklarovaná name
parametrom. 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
andb
. - 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.
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 return
prí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.