Anonim JavaScript işlevi f => f tam olarak ne yapar?

İşlevleri bağımsız değişken olarak alan bir işleve sahip üçüncü taraf bir kitaplık kullanıyorum. Parametre olarak belirli bir işlevi ekleyip eklememeye karar vermek için bazı koşullu kontroller yapıyorum ve bazı durumlarda bir işlev sağlamak istemiyorum. Bu durumlarda null sağlanması bir hata verir.

Çalışan bu kodu buldum, ancak neler olduğunu tam olarak anlamıyorum.

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

Mı f => fdenk () => {}boş anonim fonksiyonu?

f => f benzer function(f){ return f; }

Çok yakın, ama beklediğiniz gibi değil.

_{* - yorumlarda da belirtildiği gibi, ince farklılıklar var, ancak sorunuz uğruna, bunların özellikle alakalı olduğunu düşünmüyorum . Diğer durumlarda çok önemlidirler.}

f => fbir kimlik işlevi . Basitçe içeri aktarılan argümanı döndürür.

Bu işlev, herhangi bir dönüştürme gerçekleştirmediği için genellikle dönüştürme işlemleri için varsayılan değerler olarak kullanılır.

Mı f => fdenk () => {}boş anonim fonksiyonu?

Hayır. Boş işlev hiçbir şey döndürmez. Kimlik işlevi, bağımsız değişkeni döndürür.

Ne f => fanlama geldiğini bilmek istiyorsanız , sol taraf parametre ve sağ taraf dönüş değeridir. Yani örneğin, f => f*2şuna eşdeğerdir:

function(f) { 
  return f * 2; 
}

Tanımladığınız kod, kendisine giriş olarak sağlanan şeyi döndürür.

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

Başkaları zaten ne f => folduğundan bahsetti , bu yüzden bunun derinliklerine inmeyeceğim. Ben sadece fonksiyonun geri kalanını açıklayacağım, çünkü f => fve arasında biraz fark var__DEV__ ? devTools() : f => f

Üçlü operatör __DEV__doğru bir değer olup olmadığını kontrol eder ve eğer öyleyse, işlevi döndürür devTools(). aksi takdirde, f => fhiçbir şey yapmayan kimlik işlevini döndürür . Başka bir deyişle: bu kod bazı geliştirme modu işlevlerini etkinleştirir. Kalan kod olmadan, bu modun ne eklediğini söylemek zor, ancak tahminen bazı ekstra kayıt bilgilerini ve daha az karmaşıklığı etkinleştirecek.

Benzer ikilemle her zaman, cevabı almak için Babel'i kullanabilirsiniz .

Şöyle döndü:

"use strict";

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

BTW, => kullandığınız ok ifadesi adı verilen ES6 özelliğidir . Diğer ilgi ifadesi

() => {};  // es6

şuna dönüşür:

(function () {});

Ok işlevi ifadeleri her zaman anonim olduğundan, adı işleve eklerseniz anlamlıdır:

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

dönüşecek

var empty = function empty() {};