Maison > interface Web > js tutoriel > Comment renvoyer correctement les objets des fonctions fléchées ES6 ?

Comment renvoyer correctement les objets des fonctions fléchées ES6 ?

DDD
Libérer: 2024-12-19 07:36:10
original
1024 Les gens l'ont consulté

How Do I Correctly Return Objects from ES6 Arrow Functions?

Renvoi d'objets à partir de fonctions fléchées dans ECMAScript 6

Dans ECMAScript 6 (ES6), les fonctions fléchées simplifient la lisibilité du code en fournissant une syntaxe concise pour la fonction flèche revient. Cependant, lors du renvoi d'objets à partir de fonctions fléchées, une certaine ambiguïté surgit, conduisant à l'obligation de placer l'objet littéral entre accolades et d'utiliser explicitement le mot-clé return.

Une syntaxe ambiguë se produit lors de l'omission des accolades. Par exemple, p => {foo: "bar"} signifie le corps de la fonction plutôt qu'un retour d'objet. Pour résoudre ce problème, des parenthèses doivent entourer le littéral objet : p => ({foo: "bar"}).

Lors du retour de non-objets, les parenthèses sont inutiles. Les exemples incluent :

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

La documentation MDN clarifie ce concept dans sa section sur le retour des littéraux d'objet. En mettant le littéral de l'objet entre parenthèses, l'analyseur peut interpréter correctement la valeur de retour prévue.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal