アロー関数の書き方について

Question

vuexの説明で以下の記述がありました。

getters: {
  // ...
  getTodoById: (state) => (id) => {
    return state.todos.find(todo => todo.id === id)
  }
}

(state) => (id) =>のようにアローが連続する記述の理解ができませんでした。
functionありの記述だとどのようになるのでしょうか？

教えて頂けると助かります。
よろしくお願いいたします。

Answer 1

  function getTodoById(state) {
    return function(id) {
      return state.todos.find(todo => todo.id === id)
    }
  }

アロー関数の return を省略した書き方（ todo => todo.id === id でやっていることと同じ ）なので、関数を返す関数を定義している感じです。

Comments

[yookoko]

ご回答ありがとうございます。