What is the difference between destructuring and regular parameter passing in JavaScript?

What is the difference between destructuring and regular parameter passing in JavaScript?

Destructuring allows you to unpack values from arrays or properties from objects into distinct variables. Regular parameter passing, on the other hand, simply passes the arguments to the function without unpacking them.

Can you give me an example of both methods?

Sure! For regular parameter passing:

function greet(name) {
  return `Hello, ${name}!`;
}

greet('Alice'); // Hello, Alice!

And for destructuring:

function greet({ name }) {
  return `Hello, ${name}!`;
}

greet({ name: 'Alice' }); // Hello, Alice!

When should I use destructuring?

Use destructuring when you want to extract multiple properties from an object or elements from an array, making your code cleaner and more readable.

Are there any performance differences between the two?

Generally, the performance difference is negligible for most applications. However, destructuring can be slightly slower due to the additional syntax, but the difference is often not noticeable.