Please explain about curly braces in Vuex?

Question

Vue.js

I often notice curly braces in projects, what are they for? why without them?
And when are they used and when are they not?

const actions = {
  addToCart({ commit }, product){
    commit('addProduct', {
      id: product.id,
      price: product.price
    })
  },
  removeToCart({commit}, product){
    commit('removeProduct',  {
      id: product.id,
      price: product.price
    })
  }
}

const mutations = {
  addProduct(state, {id, price}) {
    const record = state.cart.find(p => p.id === id)

    if (!record) {
      state.cart.push({
        id,
        price,
        quantity: 1
      })
    } else {
      record.quantity++
    }
  },

Answer 1

https://developer.mozilla.org/en/docs/Web/JavaScri...
https://developer.mozilla.org/en/docs/Web/JavaScri...

Answer 2

This is packaging into objects. For example, to transfer several variables in one.

Answer 3

I can advise you to read these articles-lessons https://learn.javascript.ru/es-modern