Understanding nested arrow functions ES6

Question

const logger = store => next => action => {
    let result
    console.groupCollapsed("dispatching", action.type)
    console.log('prev state', store.getState())
    console.log('action', action)
    result = next(action)
    console.log('next state', store.getState())
    console.groupEnd()
    return result
}

const store = applyMiddleware(logger)(createStore)(
    combineReducers({ colors, sort })
)

Would you please explain the above function with multiple arrows?

Yes. But if you understand es5 but not that fluent in es6 babel can help you learn — Jaromanda X, Jan 31 '18 at 11:34
Will just add the link for Babel to this which is https://babeljs.io/ - perfect for seeing what the older equivalent of the new JS is - thanks @JaromandaX — StudioTime, Jan 31 '18 at 12:56

score 24 · Accepted Answer · answered Jan 31 '18 at 11:14

The code below:

const logger = store => next => action => { return 'something'; }

Is the equivalent of:

const logger = function(store) { 
    return function(next) {
        return function(action) {
            return 'something';
        }
    }
}

And it can be called like below:

var something = logger(store)(next)(action);

Understanding nested arrow functions ES6

1 Answers1

Linked