javascript - 理解嵌套箭头函数 ES6

标签 javascript ecmascript-6

<分区>

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

能否请您用多个箭头解释一下上面的函数?

最佳答案

下面的代码:

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);

关于javascript - 理解嵌套箭头函数 ES6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48540714/

相关文章:

javascript - 动态生成多个元素

javascript - 带有 jquery 的子菜单无法正常工作

javascript - ParsleyJS - 使用 data-parsley -`constraint` -message 进行本地化

javascript - SimpleSchema 中用于更新的 autoValue 未设置给定值

javascript - 只按键值显示 JSon

javascript - 在 Heroku 上运行 ES6 应用程序

javascript - 为什么 => { } 内的代码需要返回,而 => 内的内容不需要返回?

javascript - Annyang in React - 最佳实践

javascript - ES6 Spread Operator 将特定键克隆或提取到另一个对象

javascript - 使用 django 将 STATIC_URL 传递给文件 javascript