ฟังก์ชัน JavaScript ที่ไม่ระบุชื่อ f => f ทำอะไรกันแน่?

ฉันใช้ไลบรารีของบุคคลที่สามที่มีฟังก์ชันที่รับฟังก์ชันเป็นอาร์กิวเมนต์ ฉันกำลังตรวจสอบเงื่อนไขบางอย่างเพื่อตัดสินใจว่าจะเพิ่มฟังก์ชันใดฟังก์ชันหนึ่งเป็นพารามิเตอร์หรือไม่และในบางกรณีฉันไม่ต้องการให้ฟังก์ชัน การระบุค่าว่างในกรณีนั้นจะทำให้เกิดข้อผิดพลาด

ฉันพบรหัสนี้ซึ่งใช้งานได้ แต่ฉันไม่เข้าใจว่าเกิดอะไรขึ้น

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

คือf => fเทียบเท่ากับ() => {}ฟังก์ชั่นที่ไม่ระบุชื่อที่ว่างเปล่า?

f => f เหมือนกับ function(f){ return f; }

ใกล้มาก แต่ก็ไม่ใช่อย่างที่คุณคาดหวัง

_{* - ตามที่ได้ระบุไว้ในความคิดเห็นมีความแตกต่างเล็กน้อย แต่สำหรับคำถามของคุณฉันไม่คิดว่าคำถามเหล่านี้มีความเกี่ยวข้องเป็นพิเศษ มีความเกี่ยวข้องมากในสถานการณ์อื่น ๆ}

f => fเป็นฟังก์ชั่นตัวตน เพียงแค่ส่งคืนอาร์กิวเมนต์ที่ส่งผ่านเข้ามา

ฟังก์ชันนี้มักใช้เป็นค่าเริ่มต้นสำหรับกระบวนการเปลี่ยนแปลงเนื่องจากไม่ได้ทำการแปลงใด ๆ

คือf => fเทียบเท่ากับ() => {}ฟังก์ชั่นที่ไม่ระบุชื่อที่ว่างเปล่า?

ไม่ฟังก์ชันว่างจะไม่ส่งคืนอะไรเลย ฟังก์ชัน identity จะส่งคืนอาร์กิวเมนต์ที่ส่งผ่าน

หากคุณต้องการทราบความ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

ตรวจสอบผู้ประกอบการ ternary ถ้า__DEV__คุ้มค่า truthy devTools()และถ้าเป็นเช่นนั้นก็กลับมาฟังก์ชั่น มิฉะนั้นจะส่งคืนฟังก์ชันเอกลักษณ์f => fซึ่งไม่ทำอะไรเลย ใส่ให้แตกต่างกัน: รหัสนี้เปิดใช้งานฟังก์ชันโหมดการพัฒนาบางอย่าง หากไม่มีรหัสที่เหลือก็ยากที่จะบอกได้ว่าโหมดนี้เพิ่มอะไรบ้าง แต่น่าจะช่วยให้สามารถใช้ข้อมูลการบันทึกเพิ่มเติมและทำให้สับสนน้อยลง

เมื่อใดก็ตามที่มีภาวะที่กลืนไม่เข้าคายไม่ออกคุณสามารถใช้Babel ได้เพื่อรับคำตอบ

มันกลับมาเช่นนี้:

"use strict";

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

BTW, =>ที่คุณใช้เป็นคุณลักษณะ ES6 เรียกว่าการแสดงออกของลูกศร การแสดงออกของความสนใจอื่น ๆ

() => {};  // es6

จะแปลงเป็น:

(function () {});

เนื่องจากนิพจน์ฟังก์ชันลูกศรมักไม่ระบุชื่อจึงเหมาะสมหากคุณเพิ่มชื่อให้กับฟังก์ชัน:

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

จะแปลงเป็น

var empty = function empty() {};