What are some common mistakes in JavaScript destructuring?

What are some common mistakes in JavaScript destructuring?

Some common mistakes include not using the correct syntax, forgetting to use curly braces for objects, and assuming default values work for undefined variables.

Can you give me an example of incorrect destructuring?

Sure! For instance, if you try to destructure a property from an undefined object, like this: const { prop } = undefined;, it will throw an error.

What about nested destructuring? Are there mistakes there too?

Yes, a common mistake is not matching the structure correctly. For example, if you have const obj = { a: { b: 1 } }; and you try to destructure it like const { a, b } = obj;, b will be undefined.

How can I avoid these mistakes?

To avoid these mistakes, always ensure the object you're destructuring is defined, and double-check the structure matches what you're trying to access.