Estoy trabajando en una función y cuando configuro todas las entradas requeridas como accesorios de objetos y algunas de ellas con valores predeterminados, aquellos a los que les di valores predeterminados no están definidos.

Básicamente, quiero crear algunas de las propiedades del objeto requeridas y otras no.

El problema es que, si proporciono un valor a containerClassName , por ejemplo, todos los accesorios que tienen valores predeterminados se vuelven indefinidos y no puedo entender por qué.

Esto registrará todos los valores predeterminados, sin problemas

 beforeAfterComparison()

Esto registrará undefined para todos ellos.

 beforeAfterComparison({ containerClassName: "someClassName" }) 

 function beforeAfterComparison( { containerClassName, beforeImageUrl, afterImageUrl, containerIndex, lineWidth, lineColor, circleDiameter, circleColor, } = { containerIndex: 0, lineWidth: 2, lineColor: "black", circleDiameter: 50, circleColor: "lightgray", } ) { console.log(containerIndex); console.log(lineWidth); console.log(lineColor); console.log(circleDiameter); console.log(circleColor); } beforeAfterComparison(); console.log("-------------------"); beforeAfterComparison({ containerClassname: "someClassName" });

Espero que en ambos casos obtenga mis valores predeterminados.