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

Question

进入一些看起来如下的代码:

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

整个示例如下:https://exec64.co.uk/blog/websockets_with_redux/

这里的三箭头语法是什么？我熟悉箭头函数,但我从未见过多于一个用于定义函数的函数.

Answer 1

它是与参数的箭头功能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
}