logo

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:

xd xd význam
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šší