A Funkcia JavaScript je blok kódu určený na vykonávanie konkrétnej úlohy. Zapuzdruje súbor inštrukcií, ktoré možno opätovne použiť v rámci programu. Funkcie môžu preberať parametre, vykonávať príkazy a vracať hodnoty, čo umožňuje organizáciu kódu, modularitu a opätovnú použiteľnosť v programovaní JavaScript.

Funkcia JavaScript sa spustí, keď ju niečo vyvolá (zavolá).

Príklad: Základná javascriptová funkcia, tu vytvoríme funkciu, ktorá rozdelí 1. prvok druhým prvkom.

function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value); 

4 

Výkon:

4 

Určite ste už videli niektoré bežne používané funkcie v JavaScripte, ako napr upozornenie() , čo je vstavaná funkcia v JavaScripte. JavaScript nám však umožňuje vytvárať aj funkcie definované používateľom. Funkcie môžeme vytvárať v JavaScripte pomocou kľúčového slova `funkcia`.

Syntax : Základná syntax na vytvorenie funkcie v JavaScripte je uvedená nižšie.

function functionName(Parameter1, Parameter2, ...) {  // Function body } 

Na vytvorenie funkcie v JavaScripte musíme najprv použiť kľúčové slovo funkciu oddelené názvom funkcie a parametrami v zátvorkách. Časť funkcie vo zložených zátvorkách {} je telom funkcie.

V javascripte možno funkcie použiť rovnakým spôsobom ako premenné na priradenia alebo výpočty.

Vyvolanie funkcie:

• Spustené udalosťou (napr. kliknutím používateľa na tlačidlo).
• Pri explicitnom volaní z kódu JavaScript.
• Automaticky spustené, napríklad pri samovyvolávacích funkciách.

Definícia funkcie:

Predtým, ako použijeme užívateľom definovanú funkciu v JavaScripte, musíme ju vytvoriť. Vyššie uvedenú syntax môžeme použiť na vytvorenie funkcie v JavaScripte. Definícia funkcie sa niekedy nazýva aj deklarácia funkcie alebo príkaz funkcie. Nižšie sú uvedené pravidlá na vytvorenie funkcie v JavaScripte:

• Každá funkcia by mala začínať kľúčovým slovom funkciu nasledovaný,
• Používateľom definovaný názov funkcie, ktorý by mal byť jedinečný,
• zoznam parametrov uzavretých v zátvorkách a oddelených čiarkami,
• Zoznam príkazov tvoriacich telo funkcie uzavretých v zložených zátvorkách {}.

Príklad: Tento príklad ukazuje základnú deklaráciu funkcie v javascripte.

function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9)); 

15 

Vo vyššie uvedenom príklade sme vytvorili funkciu s názvom calcAddition,

• Táto funkcia akceptuje dve čísla ako parametre a vráti sčítanie týchto dvoch čísel.
• Prístup k funkcii iba s názvom funkcie bez () vráti objekt funkcie namiesto výsledku funkcie.

Existujú tri spôsoby písania funkcie v JavaScripte:

Vyhlásenie o funkcii: Deklaruje funkciu s kľúčovým slovom function. Deklarácia funkcie musí mať názov funkcie.

Syntax:

function geeksforGeeks(paramA, paramB) {  // Set of statements } 

Funkčný výraz:

Je to podobné ako deklarácia funkcie bez názvu funkcie. Funkčné výrazy možno uložiť do priradenia premenných.

Syntax:

let geeksforGeeks= function(paramA, paramB) {  // Set of statements } 

Príklad: Tento príklad vysvetľuje použitie výrazu Function.

const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x); 

16 

Funkcie ako premenné hodnoty:

Funkcie možno použiť rovnakým spôsobom, ako používate premenné.

Príklad:

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius'; 

Funkcia šípky:

Funkcia šípky je jednou z najpoužívanejších a najefektívnejších metód na vytvorenie funkcie v JavaScripte kvôli jej pomerne jednoduchej implementácii. Je to zjednodušená a zároveň kompaktnejšia verzia výrazu alebo syntaxe regulárnej alebo normálnej funkcie.

Syntax:

let function_name = (argument1, argument2 ,..) =>výraz 

Príklad: Tento príklad popisuje použitie funkcie Arrow.

const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.dĺžka); console.log('Pomocou funkcie šípok ', a3); // [8, 6, 7, 9] 

Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ] 

Parametre funkcie:

Doteraz sme veľa počuli o parametroch funkcií, ale podrobne sme ich nediskutovali. Parametre sú dodatočné informácie odovzdané funkcii. Napríklad vo vyššie uvedenom príklade úloha funkcie calcAddition je vypočítať sčítanie dvoch čísel. Tieto dve čísla, na ktorých chceme vykonať operáciu sčítania, odovzdávame tejto funkcii ako parametre. Parametre sú funkcii odovzdané v zátvorkách za názvom funkcie a oddelené čiarkami. Funkcia v JavaScripte môže mať ľubovoľný počet parametrov a zároveň funkcia v JavaScripte nemôže mať ani jeden parameter.

Príklad: V tomto príklade odovzdáme argument funkcii.

function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69 

69 

Volanie funkcií :

Po definovaní funkcie je ďalším krokom ich zavolanie, aby ste funkciu využili. Funkciu môžeme zavolať tak, že použijeme názov funkcie oddelený hodnotou parametrov uzavretou medzi zátvorkou a bodkočiarkou na konci. Nižšie uvedená syntax ukazuje, ako volať funkcie v JavaScripte:

Syntax:

functionName( Value1, Value2, ..); 

Príklad: Nižšie je uvedený vzorový program, ktorý ilustruje fungovanie funkcií v JavaScripte:

function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal)); 

Hello Admin welcome to techcodeview.com 

Vyhlásenie o vrátení :

Existujú situácie, keď chceme vrátiť niektoré hodnoty z funkcie po vykonaní niektorých operácií. V takýchto prípadoch môžeme použiť príkaz return v JavaScripte. Toto je voliteľný príkaz a väčšinou posledný príkaz vo funkcii JavaScript. Pozrite sa na náš prvý príklad s funkciou s názvom as calcAddition . Táto funkcia vypočítava dve čísla a potom vráti výsledok.

Syntax: Najzákladnejšia syntax na použitie príkazu return je:

return value; 

Príkaz return začína kľúčovým slovom vrátiť oddelené hodnotou, ktorú z neho chceme vrátiť. Namiesto priameho vrátenia hodnoty môžeme použiť aj výraz.

Funkcie:

• Javascript | Funkcie šípok
• JavaScript | uniknúť ()
• JavaScript | unescape()
• JavaScript | Tlač okna ()
• Javascript | Metóda rozmazania okna () a zaostrenia okna ().
• JavaScript | console.log()
• JavaScript | pressFloat()
• JavaScript | uneval()

• JavaScript parseInt()
• JavaScript | zápas()
• JavaScript | Date.parse()
• JavaScript | Metóda Replace().
• JavaScript | Map.get( )
• JavaScript | Map.entries( )
• JavaScript | Map.clear( )
• JavaScript | Map.delete()
• JavaScript | Map.has( )

Viac>>

Máme Cheat Sheet na Javascript, kde sme pokryli všetky dôležité témy Javascriptu, aby sme ich skontrolovali Javascript Cheat Sheet-Základný sprievodca JavaScriptom .