Chính xác thì hàm ẩn danh trong JavaScript f => f làm gì?

Tôi đang sử dụng thư viện của bên thứ ba có một hàm nhận các hàm làm đối số. Tôi đang thực hiện một số kiểm tra có điều kiện để quyết định có thêm một hàm cụ thể làm tham số hay không và trong một số trường hợp, tôi không muốn cung cấp một hàm. Cung cấp null trong trường hợp đó sẽ tạo ra lỗi.

Tôi tìm thấy mã này hoạt động, nhưng tôi không hoàn toàn hiểu điều gì đang xảy ra.

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

Có f => ftương đương với () => {}một chức năng ẩn danh trống không?

f => f tương tự như function(f){ return f; }

Thật gần, nhưng không hoàn toàn như những gì bạn mong đợi.

_{* - như đã được chỉ ra trong các nhận xét, có những khác biệt nhỏ, nhưng vì lợi ích của câu hỏi của bạn, tôi không nghĩ rằng chúng có liên quan đặc biệt . Chúng rất phù hợp trong các tình huống khác.}

f => flà chức năng nhận dạng . Nó chỉ trả về đối số đã được truyền vào.

Hàm này thường được sử dụng làm giá trị mặc định cho các quá trình chuyển đổi, vì nó không thực hiện bất kỳ chuyển đổi nào.

Có f => ftương đương với () => {}một chức năng ẩn danh trống không?

Không. Hàm trống không trả về bất kỳ thứ gì. Hàm nhận dạng trả về đối số được truyền vào.

Nếu bạn muốn biết f => fnghĩa là gì , bên trái là tham số và bên phải là giá trị trả về. Vì vậy, ví dụ, f => f*2tương đương với:

function(f) { 
  return f * 2; 
}

Mã mà bạn mô tả trả về bất cứ thứ gì được cung cấp cho nó dưới dạng đầu vào.

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

Những người khác đã đề cập đến những gì f => fkhông, vì vậy tôi sẽ không đi sâu hơn vào điều đó. Tôi chỉ giải thích phần còn lại của hàm, bởi vì có một chút khác biệt giữa f => fvà__DEV__ ? devTools() : f => f

Toán tử bậc ba kiểm tra xem __DEV__có phải là giá trị trung thực hay không và nếu có, nó trả về hàm devTools(). nếu không, nó trả về hàm nhận dạng f => fmà không làm gì cả. Nói cách khác: mã này cho phép một số chức năng của chế độ phát triển. Nếu không có mã còn lại, thật khó để biết chế độ này bổ sung những gì, nhưng có lẽ, nó sẽ cho phép một số thông tin ghi nhật ký bổ sung và ít xáo trộn hơn.

Bất cứ lúc nào gặp tình huống khó xử tương tự, bạn có thể sử dụng Babel để tìm câu trả lời.

Nó trả về như thế này:

"use strict";

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

BTW, => bạn đã sử dụng là tính năng ES6 gọi là biểu thức mũi tên . Biểu hiện quan tâm khác

() => {};  // es6

sẽ chuyển đổi thành:

(function () {});

Vì các biểu thức hàm mũi tên luôn ẩn danh nên sẽ hợp lý nếu bạn thêm tên vào hàm:

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

sẽ chuyển đổi thành

var empty = function empty() {};