Pfeilfunktionen in JavaScript

Was ist eine Pfeilfunktion?

Pfeilfunktion {()=>} ist eine prägnante Möglichkeit, JavaScript-Funktionen kürzer zu schreiben. Pfeilfunktionen wurden in der ES6-Version eingeführt. Sie machen unseren Code strukturierter und lesbarer.

Pfeilfunktionen sind anonyme Funktionen, also Funktionen ohne Namen, die aber oft einer beliebigen Variablen zugewiesen werden. Sie werden auch genannt Lambda-Funktionen .

Syntax:

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

Die folgenden Beispiele zeigen die Funktionsweise der Pfeilfunktionen in JavaScript.

Pfeilfunktion ohne Parameter

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

Ausgabe
Hi from GeekforGeeks! 

Pfeilfunktion mit Parametern

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

Ausgabe
60 

Pfeilfunktion mit Standardparametern

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

Ausgabe
10 20 30 

Pfeilfunktionen können asynchron sein, indem dem Ausdruck das Schlüsselwort async vorangestellt wird.

async param =>Ausdruck asynchron (param1, param2, ...paramN) => { Anweisungen } 

Vorteile von Pfeilfunktionen

  • Pfeilfunktionen reduzieren die Größe des Codes.
  • Die Return-Anweisung und Funktionsklammern sind für einzeilige Funktionen optional.
  • Es erhöht die Lesbarkeit des Codes.
  • Pfeilfunktionen stellen eine lexikalische Bindung dar. Das bedeutet, dass sie den Wert davon vom umschließenden Bereich erben. Diese Funktion kann beim Umgang mit Ereignis-Listenern oder Rückruffunktionen von Vorteil sein, wenn deren Wert ungewiss sein kann.

Einschränkungen der Pfeilfunktionen

  • Pfeilfunktionen verfügen nicht über die Prototypeigenschaft.
  • Pfeilfunktionen können mit dem neuen Schlüsselwort nicht verwendet werden.
  • Pfeilfunktionen können nicht als Konstruktoren verwendet werden.
  • Diese Funktionen sind anonym und es ist schwierig, den Code zu debuggen.
  • Pfeilfunktionen können nicht als Generatorfunktionen verwendet werden, die das Schlüsselwort yield verwenden, um im Laufe der Zeit mehrere Werte zurückzugeben.

Unterstützte Browser

  • Chrome 45 und höher
  • Kante 12 und höher
  • Firefox 22 und höher
  • Opera 32 und höher
  • Safari 10 und höher