理解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 })
)

请用多个箭头解释上述函数的含义。

- Vikram Babu Nagineni

---

函数返回函数返回函数。 - Tushar

如果你无法阅读ES6，请使用BabelJS REPL。 - Jaromanda X

想要了解 ES6 中的箭头函数。- @Jaromanda X - Vikram Babu Nagineni

是的。但如果你理解es5，但对es6不是那么流利，Babel可以帮助你学习。 - Jaromanda X

只需将链接添加到Babel，网址为https://babeljs.io/ - 它非常适合查看旧版JS的新等效版本 - 感谢@JaromandaX - StudioTime

Answer 1

以下是代码：

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

等同于：

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

而它可以像下面这样调用:

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

- Faly