Ein Entwickler kann Pfeilfunktionen verwenden, um dasselbe Ergebnis wie eine reguläre Funktion zu erzielen, mit weniger Codezeilen und etwa 50% weniger Typisierung.
Dieses Tutorial definiert die Arbeit der Pfeilfunktion (=>) in JavaScript.
JavaScript -Pfeil "=>" Funktion
Die anonyme Funktion, die als die “bekannt ist“Pfeilfunktion”Fehlt ein Name und ist nicht mit einer Kennung verbunden. Diese Funktionen werden ohne das Schlüsselwort der Funktion definiert, und die Rückgabeanweisung ist für solche Funktionen ohne Argumente optional. Die Eingabe einer Funktion wird links platziert, während die rechte Seite der Funktion die Ausgabe darstellt.
Mit der Pfeilfunktion können Sie eine Funktion deutlicher definieren, um die Lesbarkeit des Codes zu erhöhen.
Syntax
Befolgen Sie die folgende Syntax für die Schreibfunktion mit Hilfe der Pfeilfunktion (=>):
ODER
var functionName = (arg1, arg2,…) => Anweisungen;Sie können var, let oder const als Datentyp in JavaScript verwenden. Sie können das VAR -Schlüsselwort jedoch zum Definieren der Pfeilfunktion verwenden.
Beispiel 1
Hier erstellen wir eine Pfeilfunktion, mit der die Nachricht gedruckt wird “Willkommen bei LinuxHint”Auf der Konsole:
Rufen Sie dann die Pfeilfunktion auf, die in einer Variablen gespeichert istprintmsg”:
printmsg ();Ausgang
Beispiel 2
In diesem Beispiel werden wir dieselbe Aufgabe sowohl mit einer regulären Funktion in JavaScript als auch mit der Pfeilfunktion ausführen. Dazu erstellen wir eine reguläre JavaScript -Funktion, um zwei als Argumente angegebene Zahlen zu multiplizieren:
Rufen Sie dann die Funktion auf, indem Sie zwei Werte übergeben “5" Und "8" Argumente:
Produkt (5,8);Die Ausgabe angezeigt “40Das ist das Produkt der angegebenen Argumente:
Jetzt werden wir dieselbe Operation mit Hilfe der Pfeilfunktion nur in einer Codezeile ausführen:
var product = (a, b) => return a * b;Rufen Sie dann die Pfeilfunktion auf, die in einer Variablen gespeichert istProdukt”Durch die Übergabe von zwei Argumenten:
Produkt (5,8);Hier können Sie in der Ausgabe sehen, dass Sie das gleiche Ergebnis in nur zwei Codezeilen erhalten:
Unterschied zwischen regulärer Funktion und Pfeilfunktion
Es gibt einige Unterschiede zwischen Pfeilfunktionen und regulären JavaScript -Funktionen, aber beide Funktionen sind in gewisser Weise ähnlich:
Vor- und Nachteile von Pfeilfunktionen
Profis | Nachteile |
---|---|
Es reduziert die Codezeilen, die die Code -Lesbarkeit verbessern. | Es ist schwieriger zu debuggen, da Sie den Funktionsnamen oder die bestimmte Zeilennummer, in der ein Fehler aufgetreten ist, nicht identifizieren können. |
Das Schreiben des Arrow => bietet eine größere Flexibilität als das Schreiben des Funktionsschlüsselworts für Funktionen. | Es darf nicht als reguläre Methode oder Konstruktor verwendet werden. |
Wir haben alle grundlegenden Informationen über die Pfeilfunktion (=>) in JavaScript behandelt.
Abschluss
In JavaScript wird das "=>" das aufgerufene ""PfeilfunktionDies ermöglicht das Schreiben von Funktionen in JavaScript genauer, um die Lesbarkeit des Codes zu verbessern. Es gibt das gleiche Ergebnis wie die regulären JavaScript -Funktionen mit weniger Codezeilen. In diesem Tutorial haben wir die Arbeit der Pfeilfunktion (=>) in JavaScript mit ihren Vor- und Nachteilen und den Unterschied zwischen regulärer Funktion und Pfeilfunktion erörtert.