Así que tal vez te hayas dado cuenta
que hemos estado hablando mucho sobre las características de ES6
e incluso adiciones más recientes al lenguaje.
Y entonces continuemos con eso ahora
con otra mejora,
que es literales de objetos mejorados.
Y entonces echemos un vistazo más de cerca a
u objeto de restaurante aquí.
Así que este objeto restaurante es un objeto literal,
así que puedes ver eso porque básicamente escribimos
este objeto literalmente en nuestro código usando
esta sintaxis de llaves.
Así que entiendes bien el punto, así que todo este objeto aquí tiene
sido escrito utilizando la sintaxis literal de objeto.
Ahora ES6 introdujo tres formas, que lo hacen más fácil
para escribir objetos literales como este.
Entonces, repasemos uno por uno ahora, primero vamos a
Decir que tenemos un objeto que está fuera de este objeto.
Así que tomemos este y creemos un objeto separado con él.
Entonces, el horario de apertura constante es igual y ahora
esta es su variable separada.
Ahora aquí, necesitamos un punto y coma para corregir este error.
pero ahora, todavía queremos tener el objeto de horario de apertura
dentro del restaurante.
Entonces, antes de ES6, tendríamos que escribir el horario de apertura.
así que ese es el nombre de la propiedad que queremos
y luego configúrelo igual a las horas de apertura.
Y entonces, básicamente el objeto restaurante
se restaura vamos a ver que aquí rápidamente.
Para que veas que, aquí todavía tenemos
el horario de apertura como antes.
Ahora el problema aquí es y no es realmente un problema
pero puede llegar a ser molesto es que este nombre de propiedad
es exactamente igual que el nombre de la variable
de donde obtenemos este nuevo objeto, ¿verdad?
Y así, con los literales de objetos mejorados, no necesita escribir
esto, así que podemos hacer esto, déjame escribir este ES6 mejorado
literales de objeto y lo que esto hará ahora es tomar
este objeto de horario de apertura y ponerlo
en el objeto del restaurante y crea un nombre de propiedad
exactamente con ese nombre de variable.
Entonces, como volveremos a cargar ahora, verás
que sigue aquí como antes.
Y, por supuesto, podríamos cambiar esto ahora
pero entonces también tendríamos que cambiarlo aquí.
De lo contrario, JavaScript no sabrá qué es esta variable.
Y ahora, como puede adivinar, tenemos una propiedad llamada horas.
De acuerdo, esa es una mejora muy útil.
así que no veamos el segundo.
Así que la segunda mejora de los literales de objetos
se trata de métodos de escritura.
Entonces en ES6 ya no tenemos que crear una propiedad,
y luego establecerlo en una expresión de función,
como siempre hemos estado haciendo, ¿verdad?
Esencialmente, creamos una propiedad al igual que hacemos todos
las otras propiedades y luego establecemos que
a una expresión de función.
Pero de nuevo, ahora ya no necesitamos hacer eso.
podemos escribirlo de una manera más fácil que es deshacerse
de esta función, incluso del punto y coma
y luego así.
Y ahora esto funciona exactamente igual que antes.
pero con una sintaxis un poco más fácil.
Y en realidad personalmente prefiero esta nueva sintaxis,
así que voy a cambiar todo este objeto a la nueva forma
de métodos de escritura, pero esto en realidad se reduce
a la preferencia personal una vez más.
Entonces, si prefiere la forma antigua, puede mantenerla así.
Así que tal vez pienses que es más explícito
si realmente puede leer la palabra clave de función allí,
pero para mí es suficiente que tengamos el paréntesis aquí.
Entonces eso solo ya muestra que tiene que ser una función.
y el código VS en sí mismo también es útil ya que cambia el color
de los métodos a verde.
Entonces, el código VS es realmente inteligente en ese sentido.
Y finalmente, la tercera mejora es
que ahora podemos calcular nombres de propiedades en su lugar
de tener que escribirlos manual y literalmente.
Y computar solo significa como calcular
así que intentemos eso aquí.
Así que digamos que tenemos una matriz con todos los días de la semana.
Días de semana, es decir, lunes, martes, miércoles, jueves, viernes,
Sábado y domingo.
Y ahora queríamos sacar estos nombres de propiedades aquí
de esa matriz, ¿de acuerdo?
Entonces, en lugar de tener que escribirlos aquí manualmente,
entonces podemos hacer eso usando nuevamente la sintaxis de corchetes.
Y luego aquí, podemos poner cualquier expresión básicamente,
así que esto fue jueves, así que digamos entre semana
en la posición número cero, uno, dos, tres.
Y, por supuesto, podríamos usar esta estructuración aquí,
pero esto es solo una demostración.
De todos modos, los días de semana cuatro y luego aquí los días de semana cinco.
Pero déjame mostrarte que realmente podríamos
hacer cualquier cosa aquí, por lo que también podríamos calcular el nombre
de alguna otra manera.
Digamos, dos más dos o dos más cuatro,
así que esto no tiene sentido, pero sí, solo quiero mostrarte
que podemos hacer esto.
Echemos un vistazo al objeto ahora aquí, horario de apertura
y para que veas que aun nos llega jueves y viernes
y luego aquí tenemos el día seis.
Así que calculamos este nombre de propiedad usando un literal de plantilla
y luego también esta expresión aquí.
Y esto a veces es extremadamente útil.
para poder hacer esto.
Entonces, antes solo podíamos calcular los valores, así que aquí
por ejemplo, esto podría ser 12 más 12, ¿verdad?
Pero no pudimos calcular estos nombres de propiedades
pero ahora podemos hacer eso también.