Quand un retour explicite est-il requis dans les fonctions fléchées ES6 ?

Dans ES6, les fonctions fléchées renvoient implicitement l'expression dans leur corps concis, éliminant ainsi la nécessité du mot-clé return dans les scénarios avec une seule expression. Cependant, il existe des cas spécifiques où une instruction return explicite est toujours nécessaire.

Quand utiliser return avec les fonctions fléchées

• Lorsqu'un bloc est Present: Une fonction flèche avec des accolades (un bloc) perd son comportement de retour implicite. Une instruction return explicite doit être utilisée pour spécifier la valeur de retour de la fonction. Exemple :

() => { console.log('Hello'); } // Implicit return, logs 'Hello'
() => { return 'Hello'; } // Explicit return, returns 'Hello'

• Syntaxe ambiguë : L'utilisation d'accolades sans retour explicite peut créer une ambiguïté syntaxique. Par exemple, la fonction fléchée suivante :

(name) => {id: name}

Renvoie undefined car les accolades indiquent un bloc, interprétant l'identifiant comme une étiquette plutôt que comme un nom de la propriété.

• Expressions multilignes : Lorsque l'expression d'une fonction fléchée s'étend sur plusieurs lignes, il peut être difficile de se rappeler si le retour était inclus. Pour éviter les erreurs, utilisez explicitement return pour garantir la valeur de retour correcte.

Exemples

Retour implicite :

(name) => name   '!'; // Implicit return, returns 'Jess!'

Retour explicite :

(name) => { return name   '!'; } // Explicit return, returns 'Jess!'

En résumé, si une fonction fléchée contient un bloc, a une syntaxe ambiguë ou s'étend sur plusieurs lignes, une instruction de retour explicite est nécessaire pour spécifier la valeur de retour de la fonction. Sinon, l'expression dans le corps de la fonction flèche est implicitement renvoyée.