Что такое сокращенная собственность JavaScript?

Question

var obj = { prop = [1,2,3] }; 

Код, указанный выше, содержит опечатку, вместо = должен быть двоеточие. Но что меня удивило сообщение об ошибке VM:

var obj = { prop = [1,2,3] }; 
      ^^^^^^^^^^^^^^ 
SyntaxError: Invalid shorthand property initializer 

Я искал «JavaScript обобщающего свойства», но этот термин до сих пор мне не ясно. Что означает «короткое свойство» в контексте этого сообщения об ошибке?

Answer 1

С ES6 вы можете использовать сокращенные имена свойств, которые позволят вам написать что-то вроде этого.

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

В вашем случае, prop = [1,2,3] был проанализирован в качестве одного сокращённого свойства (s и n в приведенном выше примере), но это было не имя собственное имущество.

Answer 2

Firefox имеет другое сообщение об ошибке, которое, по моему мнению, является более полезным:

SyntaxError: missing : after property id 

То есть, есть недостающий :. Как вы говорите, вы должны использовать : вместо =.

Чтобы было ясно, что «сокращенное свойство» не имеет смысла в спецификации ES6. Это просто выражение, изобретенное Chrome, чтобы помочь вам заметить вашу ошибку. Кажется, они потерпели неудачу.

snak's guess является то, что хром относится к PropertyDefinition, состоящий из IdentifierReference, используемого в ObjectLiteral. Очевидно, prop = [1,2,3] не является ИдентификаторReference, так что, возможно, имеет смысл жаловаться на это. Было бы еще больше смысла жаловаться, что это не PropertyDefinition в гораздо более распространенной форме PropertyName:AssignmentExpression. Или MethodDefinition.

Answer 3

Поскольку официальных MDN не существует, я могу только предположить, что это может означать.

Рассмотрим следующий пример:

Есть два способа создания массива.

Долгий путь (вид):

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

Короткий путь:

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

Длинный и короткий путь является более очевидным, когда речь идет о создании объектов:

Длинный путь:

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

Короткий путь:

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