What is destructuring with default values in JavaScript?

Can you explain destructuring with default values in JavaScript?

Sure! Destructuring with default values allows you to unpack values from arrays or properties from objects into distinct variables, providing default values if the unpacked value is undefined.

Can you give me an example of how it works?

Of course! For example:

const person = { name: 'Alice' };
const { name, age = 25 } = person;
console.log(name); // Alice
console.log(age); // 25

Here, age defaults to 25 since it wasn't provided in the person object.

What happens if the property is explicitly set to undefined?

If the property is explicitly set to undefined, the default value will not be used. For example:

const person = { name: 'Alice', age: undefined };
const { name, age = 25 } = person;
console.log(age); // undefined

In this case, age will be undefined.