What is JavaScript shorthand property? [duplicate]

Answer 1

Since there is no official explanation from MDN I can only assume what this might mean.

Consider the following:

There are two ways of creating an array.

The long way (sort of):

var cars = new Array("Saab", "Volvo", "BMW");

The short way:

var cars = ["Saab", "Volvo", "BMW"]; 

The long and short way is more obvious when dealing with the creation of objects:

The long way:

var person = new Object();
person.firstName = "John";
person.lastName = "Doe";

The short way:

var person = {firstName: "John", lastName: "Doe"};

Answer 2

With ES6, you can use shorthand property names which allow you to write something like this.

var s = 'abc';
var n = 1;
var o = { s, n }; // This is equivalent to { s: s, n: n }

In your case, prop = [1,2,3] was parsed as one shorthand property (s and n in the example above), but it was not a proper property name.

Answer 3

Firefox has a different error message, which in my opinion is more useful:

SyntaxError: missing : after property id

That is, there is a missing :. As you say, you should use : instead of =.

To make it clear, "shorthand property" has no meaning in the ES6 spec. It's just some expression Chrome invented to help you noticing your error. It seems they failed.

snak's guess is that Chrome refers to a PropertyDefinition consisting of an IdentifierReference, used in an ObjectLiteral. Clearly prop = [1,2,3] is not an IdentifierReference, so it might make sense to complain about it. It would make even more sense to complain that it's not a PropertyDefinition in the much more common form of PropertyName : AssignmentExpression. Or MethodDefinition.