Los objetos literales son una nueva forma de escribir atributos y métodos en objetos, incluso de asignarlos.
Ejm
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Literales Javascript</title>
</head>
<body>
<h1>Literales Javascript</h1>
<script>
let nombre = "Francisco",
edad = 51;
// Antes de los objetos literales
const persona = {
nombre: nombre,
edad: edad,
hablar: function () {
console.log("Hola soy Francisco");
},
};
console.log(persona);
persona.hablar();
// Después de los objetos literales
const fran = {
nombre,
edad,
hablar: function () {
console.log("Mi nombre es Fran");
},
};
console.log(fran);
fran.hablar();
</script>
</body>
</html>
Con los literales agilizamos el proceso de escritura de nuestro objeto. Si queremos agregar otra propiedad que no tenemos guardada en una variable, lo único que hacemos es incluirla en nuestro objeto de la manera habitual.
Ejm
apellido: "Paredes",
El ejm completo quedaría como sigue.
Ejm
// Después de los objetos literales
const fran = {
nombre,
apellido: "Paredes",
edad,
hablar: function () {
console.log("Mi nombre es Fran");
},
};
console.log(fran);
fran.hablar();
Esto para las propiedades, para los métodos, la nueva forma de escribir es la siguiente.
Ejm
hablar() {
console.log("Mi nombre es Fran");
},
Lo que hacemos es quitar los dos puntos y la palabra reservada function, utilizando la sintaxis como se indica arriba.
Estos son las dos nuevas formas de escribir atributos y métodos dentro de los objetos a partir del estándar ES6.