Method definitions

Este articulo necesita una revisión editorial. Cómo puedes ayudar.

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)
The definition of 'Method definitions' in that specification.
Standard Definición inicial.
ECMAScript 2016 (ECMA-262)
The definition of 'Method definitions' in that specification.
Standard Cambiado el que los métodos generadores no deban tener una  trampa [[Construct]] y deban fallar cuando se usen con new.
ECMAScript 2017 Draft (ECMA-262)
The definition of 'Method definitions' in that specification.
Draft  

Compatibilidad con navegadores

Prestación Chrome Firefox (Gecko) Internet Explorer Opera Safari
Definición de métodos abreviada 39 34 (34) No support 26 No support
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 No support No support 34.0 (34) No support No support No support
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 bug 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 (bug 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 bug 1059908 y bug 1166950.

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Grijander81
 Última actualización por: Grijander81,