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