Warum geben einige JavaScript-Pfeilfunktionen „undefiniert' zurück?

Pfeilfunktionen und explizite Rückgabeanweisungen

In JavaScript stellen Pfeilfunktionen eine prägnante Syntax zum Definieren von Funktionen bereit. Eine häufige Gefahr besteht jedoch darin, beim Aufrufen von Pfeilfunktionen, die Blockkörper verwenden, auf undefinierte Werte zu stoßen.

Betrachten Sie die folgende Pfeilfunktion:

const f = arg => { arg.toUpperCase(); };

Obwohl diese Funktion logisch erscheinen mag, gibt sie undefinierte Werte zurück angerufen. Um zu verstehen, warum, müssen wir die Semantik von Pfeilfunktionen untersuchen.

Bei Verwendung des Blockkörpers (mit geschweiften Klammern) in einer Pfeilfunktion unterscheidet sich das implizite Rückgabeverhalten vom prägnanten Körper (ohne geschweifte Klammern). In der Blockkörperversion muss der von der Funktion zurückgegebene Wert explizit mit dem Schlüsselwort return angegeben werden.

const f = arg => { return arg.toUpperCase(); };

Mit dieser expliziten Return-Anweisung gibt die Funktion korrekt den erwarteten Wert zurück: „TESTING“.

Alternativ können Sie die prägnante Body-Syntax verwenden, um implizit das gleiche Ergebnis zu erzielen:

const f = arg => arg.toUpperCase();

In diesem Fall ist der letzte Ausdruck im Body, arg.toUpperCase() wird automatisch von der Pfeilfunktion zurückgegeben.

Um undefinierte Werte beim Aufruf von Pfeilfunktionen mit Blockkörpern zu vermeiden, geben Sie daher den Rückgabewert immer explizit mit dem Schlüsselwort „return“ an oder verwenden Sie die prägnante Körpersyntax .

Das obige ist der detaillierte Inhalt vonWarum geben einige JavaScript-Pfeilfunktionen „undefiniert' zurück?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!