What are the best practices for JavaScript destructuring?

What are the best practices for JavaScript destructuring?

JavaScript destructuring is a powerful feature. Here are some best practices: 1. Use it for cleaner code. 2. Destructure in function parameters for clarity. 3. Provide default values to avoid undefined errors.

Can you give an example of destructuring in function parameters?

Sure! Here's an example:

function displayInfo({ name, age }) {
    console.log(`Name: ${name}, Age: ${age}`);
}

const person = { name: 'Alice', age: 30 };
displayInfo(person);

What about nested destructuring?

Nested destructuring allows you to extract values from nested objects. For example:

const user = { id: 1, profile: { name: 'Bob', age: 25 } };
const { profile: { name, age } } = user;
console.log(name, age);

Are there any performance concerns with destructuring?

Generally, destructuring is efficient, but excessive use in performance-critical code can lead to overhead. Use it judiciously.