Is it possible to de-structure to already-declared variables? In JavaScript?

Yes, it is possible to destructure to already-declared variables in JavaScript. However, you must wrap the destructuring assignment in parentheses to avoid syntax errors.

The Problem

When variables are already declared, JavaScript cannot distinguish between a block statement and destructuring assignment:

The Solution: Using Parentheses

Wrap the destructuring assignment in parentheses to make it work with already-declared variables:

    
    
    
    


    
    
    CLICK HERE
    
Click the button to destructure the person object
    
    

Why Parentheses Are Required

Without parentheses, JavaScript interprets {} as a block statement rather than object destructuring. The parentheses force JavaScript to treat it as an expression.

Array Destructuring Example

The same principle applies to array destructuring with already-declared variables:

Comparison

Conclusion

You can destructure to already-declared variables by wrapping the assignment in parentheses. This prevents JavaScript from interpreting the curly braces as a block statement and ensures proper destructuring behavior.