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

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

DDD
Freigeben: 2024-12-19 07:36:10
Original
960 Leute haben es durchsucht

How Do I Correctly Return Objects from ES6 Arrow Functions?

Objekte von Pfeilfunktionen in ECMAScript 6 zurückgeben

In ECMAScript 6 (ES6) vereinfachen Pfeilfunktionen die Lesbarkeit des Codes, indem sie eine präzise Syntax für bereitstellen Die Pfeilfunktion kehrt zurück. Bei der Rückgabe von Objekten aus Pfeilfunktionen entsteht jedoch eine gewisse Mehrdeutigkeit, die dazu führt, dass das Objektliteral in geschweifte Klammern eingeschlossen und explizit das Schlüsselwort „return“ verwendet werden muss.

Wenn die geschweiften Klammern weggelassen werden, tritt eine mehrdeutige Syntax auf. Beispielsweise ist p => {foo: "bar"} bezeichnet den Funktionskörper und nicht eine Objektrückgabe. Um dieses Problem zu beheben, müssen Klammern das Objektliteral einschließen: p => ({foo: "bar"}).

Bei der Rückgabe von Nicht-Objekten sind Klammern nicht erforderlich. Beispiele sind:

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

Die MDN-Dokumentation erläutert dieses Konzept in ihrem Abschnitt über die Rückgabe von Objektliteralen. Durch das Einschließen des Objektliterals in Klammern kann der Parser den beabsichtigten Rückgabewert korrekt interpretieren.

Das obige ist der detaillierte Inhalt vonWie gebe ich Objekte aus ES6-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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage