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')