Что именно делает анонимная функция JavaScript f => f?

Я использую стороннюю библиотеку, в которой есть функция, которая принимает функции в качестве аргументов. Я выполняю несколько условных проверок, чтобы решить, добавлять ли конкретную функцию в качестве параметра, и в некоторых случаях я не хочу предоставлять функцию. В этом случае предоставление null вызывает ошибку.

Я нашел этот код, который работает, но я не совсем понимаю, что происходит.

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

Является ли f => fэквивалентно () => {}пустой анонимной функции?

f => f похоже на function(f){ return f; }

Так близко, но не совсем то, что вы ожидали.

_{* - как было указано в комментариях, есть тонкие различия, но ради вашего вопроса я не думаю, что они особенно актуальны. Они очень актуальны и в других ситуациях.}

f => f- функция тождества . Он просто возвращает переданный аргумент.

Эта функция часто используется в качестве значений по умолчанию для процессов преобразования, поскольку она не выполняет никаких преобразований.

Является ли f => fэквивалентно () => {}пустой анонимной функции?

Нет. Пустая функция ничего не возвращает. Функция идентификации возвращает переданный аргумент.

Если вы хотите знать, что f => fозначает, левая сторона - это параметр, а правая - возвращаемое значение. Так, например, f => f*2эквивалентно:

function(f) { 
  return f * 2; 
}

Код, который вы описываете, возвращает все, что ему передано в качестве входных данных.

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

Другие уже упоминали, что f => fэто такое , поэтому я не буду углубляться в это. Я просто собираюсь объяснить остальную часть функции, потому что есть небольшая разница между f => fи__DEV__ ? devTools() : f => f

__DEV__Тернарный оператор проверяет, является ли значение истинным, и если да, возвращает функцию devTools(). в противном случае он возвращает функцию идентификации, f => fкоторая ничего не делает. Другими словами: этот код включает некоторые функции режима разработки. Без оставшегося кода трудно сказать, что добавляет этот режим, но, по-видимому, он позволит получить дополнительную информацию журнала и меньше запутывания.

В любое время, столкнувшись с подобной дилеммой, вы можете использовать Babel, чтобы получить ответ.

Он вернулся так:

"use strict";

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

Кстати, => вы использовали функцию ES6, называемую стрелочным выражением . Другое проявление интереса

() => {};  // es6

преобразовал бы в:

(function () {});

Поскольку выражения стрелочных функций всегда анонимны, имеет смысл добавить имя к функции:

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

преобразовал бы в

var empty = function empty() {};