How is this syntax called?

Question

I've already used the new syntax for a while, and now I'd like to know more about it:

function func({ foo, bar }) {
    console.log(foo, bar);
}

func({ foo: "my-foo", bar: "my-bar" });

The part of syntax that I'm asking about is the way of declaring the arguments in curly braces.

These are object literals. You can read more about these on [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Object_literals). — mnme, Apr 28 '17 at 20:54

Sushanth -- · Accepted Answer · 2017-04-28T20:55:50.867

1

It is just Property shorthand syntax, which is part of ES6 implementation.

function func({ foo, bar }) {

is nothing but

function func({ foo: foo, bar: bar }) {

edited Apr 28 '17 at 20:55

answered Apr 28 '17 at 20:49

Sushanth --

But how he is able to use `foo` and `bar` in the `console.log`? – ibrahim mahrir Apr 28 '17 at 20:50
It is part of `Destructuring Assignment` in the context of `Parameter Context Matching` – Sushanth -- Apr 28 '17 at 20:53

1 Answers1