ES6什么是这个三重胖箭头语法

时间:2017-11-10 22:46:39

标签: javascript ecmascript-6

进入一些如下所示的代码:

return store => next => action => {
    switch(action.type) {
    ...
    default:
      return next(action)
};

整个示例位于:https://exec64.co.uk/blog/websockets_with_redux/

这里的三重箭头语法是什么?我对箭头函数很熟悉,但我从未见过用于定义函数的多个函数。

1 个答案:

答案 0 :(得分:7)

它是一个带有参数store的箭头函数,它返回另一个带有参数next的箭头函数,该函数返回另一个参数action。常规功能的类比是:

return function (store) {
  return function(next) {
    return function(action) {
      switch(action.type) {
      ...
      default:
        return next(action)
    }
  }
}

注意这个语法:

const myFunction = someParam => someValue

是:

的简写
const myFunction = someParam => {
  return someValue
}