匿名の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__は、真の値かどうかをチェックし、真の場合はfunctionを返しますdevTools()。そうでなければ、f => f何もしない恒等関数を返します。言い換えると、このコードはいくつかの開発モード機能を有効にします。残りのコードがないと、このモードが何を追加するのかを判断するのは困難ですが、おそらく、追加のログ情報を有効にし、難読化を減らすことができます。

同様のジレンマがあればいつでも、Babelを使用して答えを得ることができます。

それはこのように戻りました：

"use strict";

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

ところで、使用した=>は、矢印式と呼ばれるES6の機能です。興味のある他の表現

() => {};  // es6

に変換されます：

(function () {});

アロー関数式は常に匿名であるため、関数に名前を追加すると意味があります。

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

に変換します

var empty = function empty() {};