可以同时使用速记属性名称和计算属性名称吗？

Question

是否可以将简写属性名称(ES2015)与计算属性名称(也是ES2015)结合使用？所以例如......

const a = 'foo';
const o = {
    [a],
}
> o
> {
    "foo": "foo"
  }

Answer 1

不,这是不可能的.ES2015对象初始值设定项的语法不允许将计算属性名称与短序列一起使用.具体而言,a ObjectLiteral由a组成PropertyDefinitionList.A PropertyDefinitionList由PropertyDefinitions组成:

12.2.6对象初始化器

句法

ObjectLiteral :
  { }
  { PropertyDefinitionList }
  { PropertyDefinitionList, }

PropertyDefinitionList :
  PropertyDefinition
  PropertyDefinitionList, PropertyDefinition

PropertyDefinition :
  IdentifierReference
  CoverInitializedName
  PropertyName : AssignmentExpression
  MethodDefinition

支持对象文字中计算属性的特定语法PropertyName : AssignmentExpression,因为PropertyName定义为:

PropertyName :
  LiteralPropertyName
  ComputedPropertyName

因此,语法只支持[computedProperty]: value,因为只是PropertyName : AssignmentExpression语法的一部分,而不是PropertyName自身.