action中的解构赋值疑惑

当时看到了这样一个问题

actions: {
  increment ({ commit }) {
    commit('INCREMENT')
  }
}

看到action中increment函数的参数写成这样，当场就疑惑了，这个结构赋值的对象是谁呢
查找资料后发现

在vuex的api中action的部分有这样一句话“处理函数总是接受 context 作为第一个参数，payload 作为第二个参数（可选）”。

action中的函数会默认自动获取context这个对象为第一个参数。
而context这个对象拥有和store相同的属性和方法，但它不等同于store。从图中可以看到。
而increment ({ commit }) { … }中的参数对象{…}就是指的context对象，而{ commit }就是指的context对象中的commit方法.

没有简化的写法是：

actions: {
  increment (context) {
    context.commit('INCREMENT')
  }
}

actions:{
   increment ( {commit} = context ){
       commit('increment')
   }
}