ES6 Objeto Literal Propiedad Valor Taquigrafía en JavaScript

En JavaScript, estamos acostumbrados a construir un objeto usando la sintaxis literal {...} , donde cada par clave-valor se define explícitamente. A menudo usamos los mismos nombres de clave de objeto que las variables existentes que usamos como valores.

Veamos el siguiente ejemplo:

var name = 'John Doe';
var email = '[email protected]';
var age = 25;

var user = {
    name: name,
    email: email,
    age: age
};

Como puede ver arriba, las propiedades tienen los mismos nombres que las variables. La abreviatura de valor de propiedad literal de objeto se introdujo en ES6 para acortar la inicialización del objeto.

Nos permite definir un objeto cuyas claves tengan los mismos nombres que las variables pasadas como propiedades, simplemente pasando las variables:

let name = 'John Doe';
let email = '[email protected]';
let age = 25;

let user = { name, email, age };

console.log(user);

// { 
//     name: 'John Doe', 
//     email: '[email protected]', 
//     age: 25 
// }

La sintaxis abreviada del valor de la propiedad convierte automáticamente cada variable en un par clave-valor con el nombre de la variable como clave de propiedad y el valor de la variable como valor de propiedad.

También puede combinar propiedades regulares y abreviaturas en el mismo objeto. Esto es especialmente útil cuando desea asignar un nombre de clave diferente a una propiedad que el nombre de la variable:

let user = { name, userEmail: email, age };

// { 
//     name: 'John Doe', 
//     userEmail: '[email protected]', 
//     age: 25 
// }