Funkcie šípok v JavaScripte

Čo je funkcia šípky?

Funkcia šípky {()=>} je stručný spôsob zápisu funkcií JavaScriptu kratším spôsobom. Funkcie šípok boli predstavené vo verzii ES6. Vďaka nim je náš kód štruktúrovanejší a čitateľnejší.

Funkcie šípok sú anonymné funkcie, t.j. funkcie bez mena, ale často sú priradené akejkoľvek premennej. Sú tiež tzv Funkcie lambda .

Syntax:

const gfg = () =>{ console.log( 'Ahoj Geek!' ); } 

Nižšie uvedené príklady ukazujú fungovanie funkcií Arrow v JavaScripte.

Funkcia šípky bez parametrov

Javascript
const gfg = () =>{ console.log( 'Ahoj od GeekforGeeks!' ); } gfg(); 

Výkon
Hi from GeekforGeeks! 

Funkcia šípok s parametrami

Javascript
const gfg = ( x, y, z ) =>{ console.log( x + y + z ) } gfg( 10, 20, 30); 

Výkon
60 

Funkcia šípok s predvolenými parametrami

Javascript
const gfg = ( x, y, z = 30 ) =>{ console.log( x + ' ' + y + ' ' + z); } gfg( 10, 20); 

Výkon
10 20 30 

Funkcie šípok môžu byť asynchrónne tak, že sa pred výraz pridá kľúčové slovo async.

async param =>výraz async (param1, param2, ...paramN) => { príkazy } 

Výhody funkcií šípok

  • Funkcie šípok zmenšujú veľkosť kódu.
  • Príkaz return a zátvorky funkcií sú pre jednoriadkové funkcie voliteľné.
  • Zvyšuje čitateľnosť kódu.
  • Funkcie šípok poskytujú lexikálnu túto väzbu. To znamená, že dedia hodnotu tohto z priloženého rozsahu. Táto funkcia môže byť výhodná pri práci s poslucháčmi udalostí alebo funkciami spätného volania, kde môže byť jej hodnota neistá.

Obmedzenia funkcií šípok

  • Funkcie šípok nemajú vlastnosť prototypu.
  • Funkcie šípok nemožno použiť s novým kľúčovým slovom.
  • Funkcie šípok nemožno použiť ako konštruktory.
  • Tieto funkcie sú anonymné a je ťažké ladiť kód.
  • Funkcie šípok nemožno použiť ako funkcie generátora, ktoré používajú kľúčové slovo výnos na vrátenie viacerých hodnôt v priebehu času.

Podporované prehliadače

  • Chrome 45 a vyššie
  • Edge 12 a vyššie
  • Firefox 22 a vyššie
  • Opera 32 a vyššie
  • Safari 10 a vyššie