¿Alguien puede ayudarme a entender el siguiente código?

 const doit = ({ left: Left, right: Right, leftWeight = 1, rightWeight = 1 }) => { console.log(Left, Right, leftWeight, rightWeight); }; doit({ left: '111', leftWeight: 2});

Parece que hay dos formas de pasar parámetros predeterminados, y la asignación de desestructuración está involucrada de alguna manera, pero ¿cómo puedo desglosar esto para entenderlo?

Anexo 1

Ok, parece que esto no es un problema de parámetros predeterminados y funciones de flecha, sino simplemente la desestructuración de objetos:

 const { left: Left, right: Right, leftWeight = 1, rightWeight = 1 } = { left: "111", leftWeight: 2 }; console.log(Left, Right, leftWeight, rightWeight);

Anexo 2

Este código da el mismo resultado:

 const { Left, Right, leftWeight = 1, rightWeight = 1 } = { Left: "111", leftWeight: 2 }; console.log(Left, Right, leftWeight, rightWeight);

La desestructuración de objetos aparentemente tiene la opción de cambiar el nombre de las variables: