Used when passing data structured with the same name of the property as the key. That is, you will have local in-scope variables that will match the same names as the keys to a Javascript object..
You can shorten the creation of an object by simply listing the keys only, and Javascript will infer that you will to pass the key-value object but have variables the same name as the keys.
Here, the abc and def on the left of the colons represent the keys of the Javascript object. The same names on the right of the colors are for local in-scope variables with the same names.
{
abc: abc,
def: def
}You can shorten this using the short hand syntax (which is equivalent to what’s above), like so:
{
abc,
def
}