Difference between ES6 object method assignment: a, 'a', and ['a']?

Question

With ES6, I can create a new object with functions like the following:

var obj = {
    something() {}
};

That makes sense. But I can also d

Answer 1

Is there a difference between these three syntaxes?

Not wrt to the results in your example.

However, the different syntaxes do have different characteristics. The way the property name is defined is not specific to method definitions btw, the rules apply to all property names:

• Property names that are valid identifier names or number literals don't need to be quoted:

  {
    foo: ...,
    10e4: ...,
    if: ...,
  }
  

• Anything else needs to be quoted:

  {
    'foo+bar': ...,
    'abc def': ...,
    '123,45': ...,
  }
  

• The square bracket syntax is new in ES6 and allows you do dynamically compute property names:

  {
     [getPropertyName()]: ...,
     ['item' + (i * 3)]: ...,
  }
  

---

Why are all of these syntactically valid?

Because the grammar allows it:

MethodDefinition :
    PropertyName ( StrictFormalParameters ) { FunctionBody }
    GeneratorMethod
    get PropertyName ( ) { FunctionBody }
    set PropertyName( PropertySetParameterList ) { FunctionBody }

PropertyName :
    LiteralPropertyName
    ComputedPropertyName

LiteralPropertyName :
    IdentifierName
    StringLiteral
    NumericLiteral

ComputedPropertyName :
    [ AssignmentExpression ]

(not sure what kind of answer you expect here)

If you consider methods to be equivalent to assigning a function to the property, it seems to make sense to apply the same rules for property names to function/method names.