Que fait exactement la fonction JavaScript anonyme f => f?

J'utilise une bibliothèque tierce qui a une fonction qui prend des fonctions comme arguments. Je fais des vérifications conditionnelles pour décider d'ajouter ou non une fonction particulière en tant que paramètre et dans certains cas, je ne veux pas fournir de fonction. Fournir null dans ce cas génère une erreur.

J'ai trouvé ce code qui fonctionne, mais je ne comprends pas complètement ce qui se passe.

compose(__DEV__ ? devTools() : f => f)

Est-ce f => féquivalent à () => {}une fonction anonyme vide?

f => f est similaire à function(f){ return f; }

Si proche, mais pas tout à fait ce à quoi vous vous attendiez.

_{* - comme cela a été souligné dans les commentaires, il existe des différences subtiles, mais pour le bien de votre question, je ne pense pas qu'elles soient particulièrement pertinentes. Ils sont très pertinents dans d'autres situations.}

f => fest la fonction d'identité . Il renvoie simplement l'argument qui a été transmis.

Cette fonction est souvent utilisée comme valeur par défaut pour les processus de transformation, car elle n'effectue aucune transformation.

Est-ce f => féquivalent à () => {}une fonction anonyme vide?

Non. La fonction vide ne renvoie rien. La fonction d'identité renvoie l'argument passé.

Si vous voulez savoir ce que f => fsignifie, le côté gauche est le paramètre et le côté droit est la valeur de retour. Par exemple f => f*2,, équivaut à:

function(f) { 
  return f * 2; 
}

Le code que vous décrivez renvoie tout ce qui lui est fourni en entrée.

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

D'autres ont déjà mentionné ce que f => ffait, alors je ne vais pas approfondir cela. Je vais juste expliquer le reste de la fonction, car il y a une petite différence entre f => fet__DEV__ ? devTools() : f => f

L'opérateur ternaire vérifie si __DEV__est une valeur de vérité, et si c'est le cas, il renvoie la fonction devTools(). sinon, il renvoie la fonction d'identité f => fqui ne fait rien. En d'autres termes: ce code active certaines fonctions du mode développement. Sans le code restant, il est difficile de dire ce que ce mode ajoute, mais vraisemblablement, il activera des informations de journalisation supplémentaires et moins d'obscurcissement.

À tout moment avec le même dilemme, vous pouvez utiliser Babel pour obtenir la réponse.

Il est revenu comme ceci:

"use strict";

(function (f) {
  return f;
});

BTW, => vous avez utilisé la fonction ES6 appelée expression de flèche . L'autre manifestation d'intérêt

() => {};  // es6

se convertirait en:

(function () {});

Étant donné que les expressions de fonction fléchée sont toujours anonymes, il est logique que vous ajoutiez le nom à la fonction:

let empty = () => {}; // es6

se convertirait en

var empty = function empty() {};