O que exatamente a função JavaScript anônima f => f faz?

Estou usando uma biblioteca de terceiros que tem uma função que usa funções como argumentos. Estou fazendo algumas verificações condicionais para decidir se devo ou não adicionar uma função específica como um parâmetro e, em alguns casos, não desejo fornecer uma função. Fornecer nulo nesses casos gera um erro.

Eu encontrei este código que funciona, mas não entendo totalmente o que está acontecendo.

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

É f => fequivalente a () => {}uma função anônima vazia?

f => f é similar a function(f){ return f; }

Tão perto, mas não exatamente o que você esperava.

_{* - como foi apontado nos comentários, existem diferenças sutis, mas para o bem da sua pergunta, não acho que sejam particularmente relevantes. Eles são muito relevantes em outras situações.}

f => f é o função de identidade . Ele simplesmente retorna o argumento que foi passado.

Esta função é freqüentemente usada como um valor padrão para processos de transformação, uma vez que não realiza nenhuma transformação.

É f => fequivalente a () => {}uma função anônima vazia?

Não. A função vazia não retorna nada. A função de identidade retorna o argumento passado.

Se você quiser saber o que f => fsignifica, o lado esquerdo é o parâmetro e o lado direito é o valor de retorno. Portanto, por exemplo f => f*2, é equivalente a:

function(f) { 
  return f * 2; 
}

O código que você descreve retorna tudo o que é fornecido a ele como entrada.

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

Outros já mencionaram o que f => fsignifica, então não vou me aprofundar nisso. Vou apenas explicar o resto da função, porque há uma pequena diferença entre f => fe__DEV__ ? devTools() : f => f

O operador ternário verifica se __DEV__é um valor verdadeiro e, em caso afirmativo, retorna a função devTools(). caso contrário, ele retorna a função de identidade f => fque não faz nada. Colocado de outra forma: este código permite algumas funções do modo de desenvolvimento. Sem o código restante, é difícil dizer o que esse modo adiciona, mas presumivelmente, ele permitirá algumas informações extras de registro e menos ofuscação.

A qualquer momento com o dilema semelhante, você pode usar Babel para obter a resposta.

Retornou assim:

"use strict";

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

BTW, => você usou é o recurso ES6 chamado expressão de seta . A outra expressão de interesse

() => {};  // es6

seria convertido para:

(function () {});

Como as expressões da função de seta são sempre anônimas , faz sentido adicionar o nome à função:

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

iria converter para

var empty = function empty() {};