How does destructuring work with default values?

Can you explain how destructuring works with default values in JavaScript?

Sure! Destructuring allows you to unpack values from arrays or properties from objects into distinct variables. You can also set default values if the unpacked value is undefined.

Can you give me an example?

Of course! For instance, if you have an object like const obj = { a: 1 };, you can destructure it like this: const { a, b = 2 } = obj;. Here, a will be 1 and b will default to 2 since it wasn't defined in the object.

What happens if the property is defined but has a value of undefined?

If the property is defined but its value is undefined, the default value will not be used. For example, if const obj = { a: 1, b: undefined }; and you destructure it as before, b will still be undefined instead of 2.