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
Freigeben: 2024-12-24 16:07:15
Original
554 Leute haben es durchsucht

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"}
Nach dem Login kopieren

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

p => ({ foo: "bar" })
Nach dem Login kopieren

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$/
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage