Heim >Web-Frontend >js-Tutorial >Wie gebe ich Objekte aus ECMAScript 6-Pfeilfunktionen korrekt zurück?

Wie gebe ich Objekte aus ECMAScript 6-Pfeilfunktionen korrekt zurück?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-24 16:07:15559Durchsuche

How to Correctly Return Objects from ECMAScript 6 Arrow Functions?

Objekte von Pfeilfunktionen in ECMAScript 6 zurückgeben

In ECMAScript 6 kommt es beim Umgang mit Pfeilfunktionen, die Objekte zurückgeben, zu einer Syntaxmehrdeutigkeit. Der folgende Code löst einen Fehler aus:

p => {foo: "bar"}

Um diese Mehrdeutigkeit aufzulösen, müssen Sie das zurückgegebene Objektliteral in Klammern setzen:

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

Dadurch werden die geschweiften Klammern als Teil interpretiert des Objektliterals, nicht des Funktionskörpers.

Dieser zusätzliche Schritt ist nicht erforderlich, um andere Nicht-Objekte zurückzugeben Werte:

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

Der Grundgedanke hinter dieser Syntax verhindert wahrscheinlich eine versehentliche Objekterstellung. Durch das Erfordernis von Klammern wird deutlicher, dass die Funktion ein Objekt zurückgeben soll.

Daher ist es bei der Rückgabe eines Objekts von einer Pfeilfunktion wichtig, daran zu denken, das Objektliteral in Klammern zu setzen, um Syntax zu vermeiden Fehler oder unerwartetes Verhalten.

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Destrukturierung in JavascriptNächster Artikel:Destrukturierung in Javascript