Цепной Arrow Функция в Redux Синтаксис

Question

Привет Я просто работаю в Redux и в настоящее время я просто запутался о Redux синтаксиса данного в Redux-Чит-лист Redux Cheat Sheet from Egghead:

const actionLogger = ({dispatch, getState}) => 
(next) => (action) => 
{ console.log(action); return next(action) } 

Так что мой вопрос: С чем работают эти «цепные» функции стрелок?

Answer 1

Вы можете записать это как:

const actionLogger = function({dispatch, getState} /* this is store object */) { 
    return function(next) { 
    return function(action) { 
     console.log(action); 
     return next(action); 
    }; 
    }; 
}; 

Так в основном прикованы функции стрелки представляют собой вложенные функции. Это может быть немного запутанным.

Detailed explanation how redux middleware works