how does destructuring in javascript work without an explicit assignment?

Question

came across following code, just don't understand how it works even without an explicit destructuring assignment?

const createUser = ({ userName, avatar }) => ({
  userName,
  avatar
})

console.log(createUser({ userName : 'user1', avatar : 'avatar'}))

DWilches · Accepted Answer · 2017-07-23 02:04:17Z

3

You have indeed a destructuring here:

const createUser = ({ userName, avatar }) => ...

Because that is a shorthand for:

const createUser = (params) => {
    let { userName, avatar } = params;

Notice your function is not receiving two parameters, just one, and is destructuring it right away.

answered Jul 23, 2017 at 2:04

DWilches

23.4k17 gold badges82 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1