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