Wie kann ich Objekte aus ES6-Pfeilfunktionen korrekt zurückgeben?

Objekte von Pfeilfunktionen in ECMAScript 6 zurückgeben

In ECMAScript 6 (ES6) stellen Pfeilfunktionen eine prägnante Syntax zum Definieren von Funktionen bereit. Bei der Rückgabe eines Objekts von einer Pfeilfunktion kommt es jedoch aufgrund einer grammatikalischen Mehrdeutigkeit häufig zu Verwirrung.

Der folgende Codeausschnitt führt zu unerwartetem Verhalten:

p => {foo: "bar"}

Dieser Ausdruck wird zurückgegeben undefiniert anstelle des erwarteten Objekts. Um dies zu beheben, sind ein zusätzlicher Satz geschweifter Klammern und ein Schlüsselwort „return“ erforderlich:

p => { return {foo: "bar"}; }

Dieser Ansatz stellt sicher, dass die geschweiften Klammern als Objektliteral und nicht als Funktionskörper interpretiert werden.

Diese zusätzliche Syntax kann jedoch umständlich sein. Glücklicherweise gibt es eine einfachere Lösung. Durch das Einschließen des Objektliterals in Klammern wird die Mehrdeutigkeit behoben:

p => ({ foo: 'bar' })

Mit dieser Änderung bezeichnen die geschweiften Klammern eindeutig das Objektliteral und das Schlüsselwort return ist nicht erforderlich. Diese Technik kann auf jeden anderen Ausdruck angewendet werden, der von einer Pfeilfunktion zurückgegeben wird, wodurch kein zusätzlicher Syntaxaufwand erforderlich ist:

p => 10
p => 'foo'
p => true
p => [1,2,3]
p => null
p => /^foo$/

Durch das Verständnis der grammatikalischen Mehrdeutigkeit und die Verwendung der Klammerumbruchtechnik können Entwickler Objekte effektiv zurückgeben aus Pfeilfunktionen in ECMAScript 6.

Das obige ist der detaillierte Inhalt vonWie kann ich Objekte aus ES6-Pfeilfunktionen korrekt zurückgeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!