Maison > interface Web > js tutoriel > Quand dois-je utiliser des instructions de retour explicites dans les fonctions fléchées ES6 ?

Quand dois-je utiliser des instructions de retour explicites dans les fonctions fléchées ES6 ?

DDD
Libérer: 2024-12-25 08:15:24
original
942 Les gens l'ont consulté

When Should I Use Explicit Return Statements in ES6 Arrow Functions?

Quand utiliser les instructions de retour dans les fonctions fléchées ES6

Les fonctions fléchées ES6 offrent une syntaxe concise pour l'écriture de fonctions. Cependant, contrairement aux fonctions traditionnelles, les fonctions fléchées renvoient implicitement le résultat de leur expression.

Quand utiliser Return

Bien que le retour implicite soit pratique, il existe des cas spécifiques où un une déclaration de retour explicite est nécessaire :

1. Fonctions multi-lignes

Si une fonction fléchée s'étend sur plusieurs lignes, une instruction de retour explicite doit être utilisée. Cela évite les erreurs si le développeur oublie d'ajouter une instruction return.

Par exemple, la fonction de flèche suivante renverra undéfini si elle s'étend sur plusieurs lignes :

(name) => {
  // Do something
};
Copier après la connexion

Pour éviter ce problème, une instruction return explicite doit être utilisée :

(name) => {
  // Do something
  return 'Hi ' + name;
};
Copier après la connexion

2. Blocs

Lorsqu'une fonction fléchée inclut un bloc (délimité par des accolades), une instruction de retour explicite est requise dans le bloc.

Par exemple, la fonction suivante renverra une raison indéfinie à l'absence d'une instruction return explicite :

(name) => {
  {
    return 'Hi ' + name;
  }
};
Copier après la connexion

Pour résoudre ce problème, une instruction return explicite peut être ajouté :

(name) => {
  return {
    id: name
  };
};
Copier après la connexion

Exceptions

Il existe une exception où un retour implicite est valide dans un bloc : lorsque le bloc est constitué d'une seule expression entre parenthèses.

Par exemple, la fonction suivante renverra un objet :

(name) => ({
  id: name
});
Copier après la connexion

Exemples

Voici quelques exemples illustratifs :

  • Sans bloc : (nom ) => nom; renvoie le nom.
  • Avec bloc et retour explicite : (nom) => { return 'Bonjour' nom ; } renvoie le nom 'Salut'.
  • Avec blocage et retour implicite : (nom) => ({ id : name }) renvoie { id : name }.
  • Avec erreur : (name) => { id: name } renvoie undefined en raison de l'absence d'une instruction return explicite.

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