es6 双箭头函数调用 连续箭头函数的理解 初识柯里化

例子来源：
https://vuex.vuejs.org/zh/guide/getters.html#通过方法访问
你也可以通过让 getter 返回一个函数，来实现给 getter 传参。

()=>()=>{}

参考
：es6 双箭头函数调用有什么意义？
https://segmentfault.com/q/1010000016320367

let getters = {
    total: (state) => (symbol) => {
        return (symbol || '$') + state.count;
    }
}
// 等效于
let getters = {
    total: function(state) {
         return function(symbol) => {
            return (symbol || '$') + state.count;
        }
    }
}

getters.total(state)(symbol)  //调用成功

柯里化参考：

皮小蛋：邂逅函数柯里化 https://segmentfault.com/a/1190000008263193
沃趣葫芦娃：大佬 JavaScript 柯里化，了解一下？ https://juejin.im/post/5af13664f265da0ba266efcf
冴羽： JavaScript专题之函数柯里化 https://github.com/mqyqingfeng/Blog/issues/42

mapGetters

https://vuex.vuejs.org/zh/guide/getters.html#mapgetters-辅助函数
当有参数的getters 写成

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

这样的时候，如果使用mapGetters辅助函数，其数组简写形式和无参的getters没有区别

  computed: {
    ...mapGetters(['doneTodosCount', 'doneTodos','getTodoById']),
    // getTodoById() {
    //   return this.$store.getters.getTodoById(2);
    // }
  },

只是在最终调用的时候，需要指出参数，如下，{{getTodoById(2)}}

<div>
      <hr>
      <p>getters</p>
      <p>{{doneTodosCount}}</p>
      <p>{{doneTodos}}</p>
      <p>{{getTodoById(2)}}</p>
    </div>
  </div>