Not understanding payload in update action

I am having trouble understanding in how will the payload look in the first action. Why in the first one there is { } and ... , what does that give? How do I pass data into it, when I call it from a component? In the second one, i would just pass an object, but I don’t get the first one.

update({ id, ...rest }) {
    return http.patch(`/test/${id}`, rest);
  },

update(id, rest) {
    return http.patch(`/test/${id}`, rest);
  },

Answer

call update like this.

update({
  id: 123,

  // other  property
  name: 'your name',
  tel: 'your tel'
})

in update, idis123, and rest is {name: 'your name',tel: 'your tel'}

function update ({ id, ...rest }) {
    console.log('id is:', id);
    console.log('rest is:', rest);
}
    
update({
    id: 123,
    
    // other  property
    name: 'your name',
    tel: 'your tel'
});