Method definitions

A partir de ECMAScript 2015 (ES6), se introdujo una sintaxis abreviada para la definici贸n de m茅todos en inicializadores de objetos. Es una forma abreviada para la asignaci贸n de una funci贸n al nombre del m茅todo.
 

Sintaxis

var obj = {
  property( parameters鈥 ) {},
  *generator( parameters鈥 ) {},
// also with computed keys:
  [property]( parameters鈥 ) {},
  *[generator]( parameters鈥 ) {},
// compare ES5 getter/setter syntax:
  get property() {},
  set property(value) {}
};

Descripci贸n

La sintaxis abreviada es similar a la introducida en ECMAScript 5 con getter y setter.

Dado el siguiente c贸digo:

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

Ahora se puede abreviar esto mismo como:

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

Nota : La sintaxis abreviada usa funciones con nombre en lugar de funciones an贸nimas (como en 鈥foo: function() {}鈥). Las funciones con nombre pueden ser llamadas desde el cuerpo de la funci贸n (esto es imposible con funciones an贸nimas, ya que no existe un identificador al que referirse). Para m谩s detalles, ver function.

Abreviatura de m茅todos generadores

Los m茅todos generadores tambi茅n pueden definirse usando la sintaxis abreviada. Note que el asterisco (*) en la sintaxis abreviada debe estar antes del nombre de propiedad del generador. Esto es, * g(){} funcionar谩, pero g *(){} no.

// Usando una propiedad con nombre (pre-ES6)
var obj2 = {
  g: function*() {
    var index = 0;
    while(true)
      yield index++;
  }
};

// El mismo objeto, usando la sintaxis abreviada
var obj2 = {
  * g() {
    var index = 0;
    while(true)
      yield index++;
  }
};

var it = obj2.g();
console.log(it.next().value); // 0
console.log(it.next().value); // 1

Las definiciones de m茅todos no son constructores (instanciables con new)

Las las definiciones de m茅todos no son constructores y generar谩n un TypeError si intenta instanciarlos.

var obj = {
  method() {},
};
new obj.method; // TypeError: obj.method no es un constructor

var obj = {
  * g() {}
};
new obj.g; // TypeError: obj.g no es un constructor (cambiado en ES2016)

Ejemplos

Caso de prueba simple

var obj = {
  a : "foo",
  b(){ return this.a; }
};
console.log(obj.b()); // "foo"

Nombres de propiedad computados

La sintaxis abreviada tambi茅n soporta nombres de propiedades computados.

var bar = {
  foo0 : function (){return 0;},
  foo1(){return 1;},
  ["foo" + 2](){return 2;},
};

console.log(bar.foo0()); // 0
console.log(bar.foo1()); // 1
console.log(bar.foo2()); // 2

Especificaci贸nes

Especificaci贸n Estado Observaciones
ECMAScript 2015 (6th Edition, ECMA-262)
La definici贸n de 'Method definitions' en esta especificaci贸n.
Standard Definici贸n inicial.
ECMAScript 2016 (ECMA-262)
La definici贸n de 'Method definitions' en esta especificaci贸n.
Standard Cambiado el que los m茅todos generadores no deban tener una  trampa [[Construct]] y deban fallar cuando se usen con new.
ECMAScript Latest Draft (ECMA-262)
La definici贸n de 'Method definitions' en esta especificaci贸n.
Draft  

Compatibilidad con navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
Prestaci贸n Chrome Firefox (Gecko) Internet Explorer Opera Safari
Definici贸n de m茅todos abreviada 39 34 (34) Sin soporte 26 Sin soporte
M茅todos generadors no son constructores (ES2016) ? 43 (43) ? ? ?
Prestaci贸n Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Definici贸n de m茅todos abreviada Sin soporte Sin soporte 34.0 (34) Sin soporte Sin soporte Sin soporte
M茅todos generadores no son constructores (ES2016) ? ? 43.0 (43) ? ? ?

Notas espec铆ficas para SpiderMonkey

  • Anteriormente a SpiderMonkey 38 (Firefox 38 / Thunderbird 38 / SeaMonkey 2.35),  "get" y "set" eran nombres no v谩lidos para m茅todos generadores. Esto ha sido corregido en error 1073809.
  • Anteriormente a SpiderMonkey 41 (Firefox 41 / Thunderbird 41 / SeaMonkey 2.38), las llaves no eran requeridas en las definiciones de m茅todos. Estas son requeridas de ahora en adelante conforme a la especificaci贸n ES6 y su omisi贸n arrojar谩 un SyntaxError en esta versi贸n y posteriores (error 1150855).
    var o = {x() 12}; // SyntaxError
  • La restricci贸n de que s贸lo los m茅todos generadores sean constructores fue implementada en SpiderMonkey 41 (Firefox 41 / Thunderbird 41 / SeaMonkey 2.38). Ver tambi茅n error 1059908 y error 1166950.

Ver tambi茅n