匿名JavaScript函数f => f到底做什么？

我正在使用一个具有将函数作为参数的函数的第三方库。我正在做一些条件检查，以决定是否将特定功能添加为参数，在某些情况下，我不想提供功能。在这种情况下提供null会引发错误。

我发现此代码有效，但我不完全了解发生了什么。

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

是f => f相当于() => {}一个空的匿名函数？

f => f 类似于 function(f){ return f; }

如此接近，但与您期望的不尽相同。

_{*-正如评论中所指出的那样，存在细微的差异，但是出于您的问题，我认为它们之间没有特别的关系。它们在其他情况下非常相关。}

f => f是身份功能。它只是返回传入的参数。

由于此函数不执行任何转换，因此通常用作转换过程的默认值。

是f => f相当于() => {}一个空的匿名函数？

不。Empty函数不返回任何内容。身份函数返回传入的参数。

如果您想知道什么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__为真值，如果是，则返回function devTools()。否则，它返回f => f不执行任何操作的身份函数。换句话说：此代码启用某些开发模式功能。如果没有剩余的代码，很难说出此模式会增加什么，但是据推测，它将启用一些额外的日志记录信息并减少混淆。

任何时候只要遇到类似的难题，您都可以使用Babel来获得答案。

它返回如下：

"use strict";

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

顺便说一句，=>您使用的是称为箭头表达式的 ES6功能。感兴趣的另一种表达

() => {};  // es6

将转换为：

(function () {});

由于箭头函数表达式始终是匿名的，因此如果将名称添加到函数中，则是有意义的：

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

将转换为

var empty = function empty() {};