Funkce šipek v JavaScriptu

Co je funkce šipky?

Funkce šipky {()=>} je stručný způsob psaní funkcí JavaScriptu kratším způsobem. Funkce šipek byly představeny ve verzi ES6. Díky nim je náš kód strukturovanější a čitelnější.

Funkce šipek jsou anonymní funkce, tj. funkce bez jména, ale často jsou přiřazeny jakékoli proměnné. Jsou také tzv Funkce lambda .

Syntax:

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

Níže uvedené příklady ukazují fungování funkcí Arrow v JavaScriptu.

Funkce šipky bez parametrů

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

Výstup
Hi from GeekforGeeks! 

Funkce šipky s parametry

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

Výstup
60 

Funkce šipky s výchozími parametry

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

Výstup
10 20 30 

Funkce šipek mohou být asynchronní tím, že před výraz přidáte klíčové slovo async.

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

Výhody funkcí šipek

  • Funkce šipek zmenšují velikost kódu.
  • Příkaz return a závorky funkcí jsou pro jednořádkové funkce volitelné.
  • Zvyšuje čitelnost kódu.
  • Funkce šipek poskytují lexikální tuto vazbu. To znamená, že zdědí hodnotu tohoto z přiloženého rozsahu. Tato funkce může být výhodná při práci s posluchači událostí nebo funkcemi zpětného volání, kde může být její hodnota nejistá.

Omezení funkcí šipek

  • Funkce šipek nemají vlastnost prototype.
  • Funkce šipek nelze použít s novým klíčovým slovem.
  • Funkce šipek nelze použít jako konstruktory.
  • Tyto funkce jsou anonymní a je těžké kód odladit.
  • Funkce šipek nelze použít jako generátorové funkce, které používají klíčové slovo výnos k vrácení více hodnot v průběhu času.

Podporované prohlížeče

  • Chrome 45 a vyšší
  • Edge 12 a výše
  • Firefox 22 a vyšší
  • Opera 32 a vyšší
  • Safari 10 a vyšší