Enhanced Object Literals en JavaScript

Last updated Oct 19, 2022 Edit Source

• Javascript

Es una mejora implementada en ES6 a las declaraciones de objetos literales.

En caso de querer agregar un objeto externo a otro objeto, la sintaxis clasica seria la siguiente

1
2
3

	// obj
	obj2: obj2,
	// ...

Con la nueva sintaxis, podemos hacer lo mismo de forma mas simplificada

1
2
3

	// obj
	obj2,
	// ...

Y listo!

Antes para agregar un metodo a un objeto teniamos que escribirlo como una propiedad

1
2
3
4
5

const obj = {
	metodo1: function() {
		//,,,
	}
}

Pues con la nueva sintaxis ya no, ahora solo es necesario colocar el nombre, sin la keyword function y sin los dos puntos.

1
2
3
4
5

const obj = {
	metodo1() {
		//...
	}
}

Ademas ahora no necesitamos poner explicitamente el nombre de las propiedades, estas pueden ser computadas por expresiones!

1
2
3
4

const obj = {
	[expresion]: valor,
	[`day-${23+3}`]: valor,
}