javascript - 请问下面的函数写法什么意思？

Question

在vuex中的mutations中定义的一个函数，在组件中调用

//store.js在mutations中定义
addCart:function (state,{goodIndex,foodIndex}) {
    state.goods[goodIndex].foods[foodIndex].count++;
  },

//组件中调用
methods：{
    ...mapMutations(['addCart','removeCart','setCart']),
    addCartItem:function(){
        this.setCart({goodIndex:this.goodIndex,foodIndex:this.foodIndex});
    }
}
    

我的问题是为什么在调用setCart函数的时候不用传入state参数，目测如果调用的时候不传state参数的话，addCart函数执行的时候就会自动将在store中的state传入进去，这样的原理是什么？？这是自己半个月前写的代码，现在看怎么也不理解了。。

Answer 1

去看看源码就知道了。

export const mapMutations = normalizeNamespace((namespace, mutations) => {
  const res = {}
  normalizeMap(mutations).forEach(({ key, val }) => {
    val = namespace + val
    res[key] = function mappedMutation (...args) {
      if (namespace && !getModuleByNamespace(this.$store, 'mapMutations', namespace)) {
        return
      }
      
      // 在这里调用了commit方法
      return this.$store.commit.apply(this.$store, [val].concat(args))
    }
  })
  return res
})

下面是commit方法的定义

this.commit = function boundCommit (type, payload, options) {
    // store 就是你想要的答案
    return commit.call(store, type, payload, options)
}

Answer 2

this.setCart()被映射为this.$store.commit('setCart')