Was genau macht die anonyme JavaScript-Funktion f => f?

Ich verwende eine Drittanbieter-Bibliothek mit einer Funktion, die Funktionen als Argumente verwendet. Ich mache einige bedingte Überprüfungen, um zu entscheiden, ob eine bestimmte Funktion als Parameter hinzugefügt werden soll oder nicht, und in einigen Fällen möchte ich keine Funktion bereitstellen. Wenn Sie in diesen Fällen null angeben, wird ein Fehler ausgegeben.

Ich habe diesen Code gefunden, der funktioniert, aber ich verstehe nicht ganz, was passiert.

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

Ist f => fäquivalent zu () => {}einer leeren anonymen Funktion?

f => f ist ähnlich wie function(f){ return f; }

So nah, aber nicht ganz das, was Sie erwartet hatten.

_{* - Wie in den Kommentaren erwähnt, gibt es subtile Unterschiede, aber für Ihre Frage halte ich sie nicht für besonders relevant. Sie sind in anderen Situationen sehr relevant.}

f => fist die Identitätsfunktion . Es wird einfach das übergebene Argument zurückgegeben.

Diese Funktion wird häufig als Standardwert für Transformationsprozesse verwendet, da keine Transformation durchgeführt wird.

Ist f => fgleichbedeutend mit() => {}einer leeren anonymen Funktion?

Nein, die leere Funktion gibt nichts zurück. Die Identitätsfunktion gibt das übergebene Argument zurück.

Wenn Sie wissen möchten, was f => fbedeutet, ist die linke Seite der Parameter und die rechte Seite der Rückgabewert. So ist zum Beispiel f => f*2gleichbedeutend mit:

function(f) { 
  return f * 2; 
}

Der von Ihnen beschriebene Code gibt alles zurück, was ihm als Eingabe zur Verfügung gestellt wird.

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

Andere haben bereits erwähnt, was f => ftut, deshalb werde ich nicht näher darauf eingehen. Ich werde nur den Rest der Funktion erklären, weil es einen kleinen Unterschied zwischen f => fund gibt__DEV__ ? devTools() : f => f

Der ternäre Operator prüft, ob __DEV__es sich um einen Wahrheitswert handelt, und gibt in diesem Fall die Funktion zurück devTools(). Andernfalls wird die Identitätsfunktion zurückgegeben, f => fdie nichts bewirkt. Anders ausgedrückt: Dieser Code aktiviert einige Funktionen des Entwicklungsmodus. Ohne den verbleibenden Code ist es schwer zu sagen, was dieser Modus hinzufügt, aber vermutlich werden dadurch einige zusätzliche Protokollierungsinformationen und weniger Verschleierung ermöglicht.

Mit dem ähnlichen Dilemma können Sie jederzeit Babel verwenden , um die Antwort zu erhalten.

Es kehrte so zurück:

"use strict";

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

BTW, => verwendet man wird ES6 genannt Feature Pfeil Ausdruck . Die andere Interessenbekundung

() => {};  // es6

würde konvertieren zu:

(function () {});

Da Pfeilfunktionsausdrücke immer anonym sind, ist es sinnvoll, wenn Sie der Funktion den Namen hinzufügen:

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

würde konvertieren zu

var empty = function empty() {};