Syntax for object methods [duplicate]

Question

I have always defined methods in objects like this:

{
  a: function(par1, par2) { },
}

But recently I see this (which I assume is equivalent, but I am not sure):

{
  a(par1, par2) { },
}

When has this syntax been introduced?

Justin Niessner · Accepted Answer · 2016-01-14 20:35:57Z

2

What you're referring to is part of the ES6 Extended Object Literal support.

You are correct in assuming that your two examples are functionally equivalent.

answered Jan 14, 2016 at 20:35

Justin Niessner

246k40 gold badges416 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

aw04 · Accepted Answer · 2016-01-14 20:36:47Z

1

It is ES6 syntax, a shorthand and functionally the same.

answered Jan 14, 2016 at 20:36

aw04

11.2k11 gold badges60 silver badges92 bronze badges

Egor Malkevich · Accepted Answer · 2016-01-14 20:54:58Z

Yep, this is new ES6 way of doing it

old way

var obj = {
  foo: function() {},
  bar: function() {}
};

new way

usually you can use old syntax, new one is optional but bit shorter

var obj = {
  foo() {},
  bar() {}
};

it better to skip duplication when you do something like that

function method(){};

return {
   method: method
};

it may looks like

return {
   method
};

same syntax you may find at es6 class definition

class MyClass {
  constructor(geometry, materials) {}
  update(camera) {}

  get boneCount() {}
  set matrixType(matrixType) {}
}

Best regards

Egor