¿Qué hace exactamente la función JavaScript anónima f => f?

Estoy usando una biblioteca de terceros que tiene una función que toma funciones como argumentos. Estoy haciendo algunas verificaciones condicionales para decidir si agregar o no una función en particular como parámetro y, en algunos casos, no quiero proporcionar una función. Proporcionar nulo en esos casos arroja un error.

Encontré este código que funciona, pero no entiendo completamente lo que está sucediendo.

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

¿Es f => fequivalente a () => {}una función anónima vacía?

f => f es parecido a function(f){ return f; }

Tan cerca, pero no exactamente lo que esperabas.

_{* - como se ha señalado en los comentarios, existen diferencias sutiles, pero por el bien de su pregunta, no creo que sean particularmente relevantes. Son muy relevantes en otras situaciones.}

f => fes la función de identidad . Simplemente devuelve el argumento que se pasó.

Esta función se utiliza a menudo como valores predeterminados para los procesos de transformación, ya que no realiza ninguna transformación.

¿Es f => fequivalente a () => {}una función anónima vacía?

No. La función vacía no devuelve nada. La función de identidad devuelve el argumento pasado.

Si desea saber qué f => fsignifica, el lado izquierdo es el parámetro y el lado derecho es el valor de retorno. Entonces, por ejemplo f => f*2, es equivalente a:

function(f) { 
  return f * 2; 
}

El código que describe devuelve todo lo que se le proporciona como entrada.

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

Otros ya han mencionado lo que f => fhace, así que no voy a profundizar en eso. Solo voy a explicar el resto de la función, porque hay una pequeña diferencia entre f => fy__DEV__ ? devTools() : f => f

El operador ternario comprueba si __DEV__es un valor verdadero y, si es así, devuelve la función devTools(). de lo contrario, devuelve la función de identidad f => fque no hace nada. Dicho de otra manera: este código habilita algunas funciones del modo de desarrollo. Sin el código restante, es difícil saber qué agrega este modo, pero presumiblemente permitirá cierta información de registro adicional y menos ofuscación.

En cualquier momento con un dilema similar, puede usar Babel para obtener la respuesta.

Regresó así:

"use strict";

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

Por cierto, => usaste la función ES6 llamada expresión de flecha . La otra expresión de interés

() => {};  // es6

se convertiría en:

(function () {});

Dado que las expresiones de función de flecha son siempre anónimas , tiene sentido si agrega el nombre a la función:

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

se convertiría en

var empty = function empty() {};