1
00:00:00,759 --> 00:00:03,240
Así que tal vez te hayas dado cuenta

2
00:00:03,240 --> 00:00:07,340
que hemos estado hablando mucho sobre las características de ES6

3
00:00:07,340 --> 00:00:10,330
e incluso adiciones más recientes al lenguaje.

4
00:00:10,330 --> 00:00:12,310
Y entonces continuemos con eso ahora

5
00:00:12,310 --> 00:00:14,440
con otra mejora,

6
00:00:14,440 --> 00:00:17,523
que es literales de objetos mejorados.

7
00:00:19,030 --> 00:00:21,350
Y entonces echemos un vistazo más de cerca a

8
00:00:21,350 --> 00:00:23,860
u objeto de restaurante aquí.

9
00:00:23,860 --> 00:00:27,830
Así que este objeto restaurante es un objeto literal,

10
00:00:27,830 --> 00:00:31,080
así que puedes ver eso porque básicamente escribimos

11
00:00:31,080 --> 00:00:34,280
este objeto literalmente en nuestro código usando

12
00:00:34,280 --> 00:00:35,923
esta sintaxis de llaves.

13
00:00:36,910 --> 00:00:41,560
Así que entiendes bien el punto, así que todo este objeto aquí tiene

14
00:00:41,560 --> 00:00:44,990
sido escrito utilizando la sintaxis literal de objeto.

15
00:00:44,990 --> 00:00:49,140
Ahora ES6 introdujo tres formas, que lo hacen más fácil

16
00:00:49,140 --> 00:00:52,240
para escribir objetos literales como este.

17
00:00:52,240 --> 00:00:56,500
Entonces, repasemos uno por uno ahora, primero vamos a

18
00:00:56,500 --> 00:01:01,300
Decir que tenemos un objeto que está fuera de este objeto.

19
00:01:01,300 --> 00:01:05,853
Así que tomemos este y creemos un objeto separado con él.

20
00:01:09,530 --> 00:01:14,420
Entonces, el horario de apertura constante es igual y ahora

21
00:01:14,420 --> 00:01:16,563
esta es su variable separada.

22
00:01:17,420 --> 00:01:22,060
Ahora aquí, necesitamos un punto y coma para corregir este error.

23
00:01:22,060 --> 00:01:25,590
pero ahora, todavía queremos tener el objeto de horario de apertura

24
00:01:25,590 --> 00:01:27,133
dentro del restaurante.

25
00:01:28,370 --> 00:01:33,370
Entonces, antes de ES6, tendríamos que escribir el horario de apertura.

26
00:01:35,090 --> 00:01:37,660
así que ese es el nombre de la propiedad que queremos

27
00:01:37,660 --> 00:01:40,603
y luego configúrelo igual a las horas de apertura.

28
00:01:41,880 --> 00:01:44,210
Y entonces, básicamente el objeto restaurante

29
00:01:44,210 --> 00:01:48,833
se restaura vamos a ver que aquí rápidamente.

30
00:01:50,740 --> 00:01:53,477
Para que veas que, aquí todavía tenemos

31
00:01:53,477 --> 00:01:56,720
el horario de apertura como antes.

32
00:01:56,720 --> 00:02:00,440
Ahora el problema aquí es y no es realmente un problema

33
00:02:00,440 --> 00:02:04,370
pero puede llegar a ser molesto es que este nombre de propiedad

34
00:02:04,370 --> 00:02:07,210
es exactamente igual que el nombre de la variable

35
00:02:07,210 --> 00:02:10,340
de donde obtenemos este nuevo objeto, ¿verdad?

36
00:02:10,340 --> 00:02:13,830
Y así, con los literales de objetos mejorados, no necesita escribir

37
00:02:13,830 --> 00:02:18,830
esto, así que podemos hacer esto, déjame escribir este ES6 mejorado

38
00:02:21,780 --> 00:02:26,510
literales de objeto y lo que esto hará ahora es tomar

39
00:02:26,510 --> 00:02:29,750
este objeto de horario de apertura y ponerlo

40
00:02:29,750 --> 00:02:33,260
en el objeto del restaurante y crea un nombre de propiedad

41
00:02:33,260 --> 00:02:36,143
exactamente con ese nombre de variable.

42
00:02:36,980 --> 00:02:41,090
Entonces, como volveremos a cargar ahora, verás

43
00:02:41,090 --> 00:02:44,810
que sigue aquí como antes.

44
00:02:44,810 --> 00:02:46,710
Y, por supuesto, podríamos cambiar esto ahora

45
00:02:47,830 --> 00:02:50,253
pero entonces también tendríamos que cambiarlo aquí.

46
00:02:51,210 --> 00:02:54,543
De lo contrario, JavaScript no sabrá qué es esta variable.

47
00:02:58,200 --> 00:03:02,593
Y ahora, como puede adivinar, tenemos una propiedad llamada horas.

48
00:03:04,630 --> 00:03:08,370
De acuerdo, esa es una mejora muy útil.

49
00:03:08,370 --> 00:03:12,090
así que no veamos el segundo.

50
00:03:12,090 --> 00:03:14,910
Así que la segunda mejora de los literales de objetos

51
00:03:14,910 --> 00:03:17,180
se trata de métodos de escritura.

52
00:03:17,180 --> 00:03:21,070
Entonces en ES6 ya no tenemos que crear una propiedad,

53
00:03:21,070 --> 00:03:23,450
y luego establecerlo en una expresión de función,

54
00:03:23,450 --> 00:03:26,610
como siempre hemos estado haciendo, ¿verdad?

55
00:03:26,610 --> 00:03:30,650
Esencialmente, creamos una propiedad al igual que hacemos todos

56
00:03:30,650 --> 00:03:33,190
las otras propiedades y luego establecemos que

57
00:03:33,190 --> 00:03:35,600
a una expresión de función.

58
00:03:35,600 --> 00:03:38,430
Pero de nuevo, ahora ya no necesitamos hacer eso.

59
00:03:38,430 --> 00:03:41,890
podemos escribirlo de una manera más fácil que es deshacerse

60
00:03:41,890 --> 00:03:45,640
de esta función, incluso del punto y coma

61
00:03:46,760 --> 00:03:48,600
y luego así.

62
00:03:48,600 --> 00:03:51,800
Y ahora esto funciona exactamente igual que antes.

63
00:03:51,800 --> 00:03:54,263
pero con una sintaxis un poco más fácil.

64
00:03:55,410 --> 00:03:59,810
Y en realidad personalmente prefiero esta nueva sintaxis,

65
00:03:59,810 --> 00:04:03,500
así que voy a cambiar todo este objeto a la nueva forma

66
00:04:03,500 --> 00:04:08,500
de métodos de escritura, pero esto en realidad se reduce

67
00:04:08,670 --> 00:04:11,110
a la preferencia personal una vez más.

68
00:04:11,110 --> 00:04:15,510
Entonces, si prefiere la forma antigua, puede mantenerla así.

69
00:04:15,510 --> 00:04:17,960
Así que tal vez pienses que es más explícito

70
00:04:17,960 --> 00:04:21,200
si realmente puede leer la palabra clave de función allí,

71
00:04:21,200 --> 00:04:25,260
pero para mí es suficiente que tengamos el paréntesis aquí.

72
00:04:25,260 --> 00:04:28,670
Entonces eso solo ya muestra que tiene que ser una función.

73
00:04:28,670 --> 00:04:33,180
y el código VS en sí mismo también es útil ya que cambia el color

74
00:04:33,180 --> 00:04:35,160
de los métodos a verde.

75
00:04:35,160 --> 00:04:39,060
Entonces, el código VS es realmente inteligente en ese sentido.

76
00:04:39,060 --> 00:04:41,730
Y finalmente, la tercera mejora es

77
00:04:41,730 --> 00:04:45,610
que ahora podemos calcular nombres de propiedades en su lugar

78
00:04:45,610 --> 00:04:49,760
de tener que escribirlos manual y literalmente.

79
00:04:49,760 --> 00:04:53,450
Y computar solo significa como calcular

80
00:04:53,450 --> 00:04:55,560
así que intentemos eso aquí.

81
00:04:55,560 --> 00:04:59,253
Así que digamos que tenemos una matriz con todos los días de la semana.

82
00:05:01,970 --> 00:05:06,970
Días de semana, es decir, lunes, martes, miércoles, jueves, viernes,

83
00:05:16,700 --> 00:05:20,610
Sábado y domingo.

84
00:05:20,610 --> 00:05:24,800
Y ahora queríamos sacar estos nombres de propiedades aquí

85
00:05:24,800 --> 00:05:27,010
de esa matriz, ¿de acuerdo?

86
00:05:27,010 --> 00:05:30,090
Entonces, en lugar de tener que escribirlos aquí manualmente,

87
00:05:30,090 --> 00:05:35,090
entonces podemos hacer eso usando nuevamente la sintaxis de corchetes.

88
00:05:35,230 --> 00:05:39,160
Y luego aquí, podemos poner cualquier expresión básicamente,

89
00:05:39,160 --> 00:05:43,390
así que esto fue jueves, así que digamos entre semana

90
00:05:44,720 --> 00:05:48,203
en la posición número cero, uno, dos, tres.

91
00:05:49,970 --> 00:05:52,830
Y, por supuesto, podríamos usar esta estructuración aquí,

92
00:05:52,830 --> 00:05:56,640
pero esto es solo una demostración.

93
00:05:56,640 --> 00:06:01,420
De todos modos, los días de semana cuatro y luego aquí los días de semana cinco.

94
00:06:02,300 --> 00:06:04,050
Pero déjame mostrarte que realmente podríamos

95
00:06:04,050 --> 00:06:08,310
hacer cualquier cosa aquí, por lo que también podríamos calcular el nombre

96
00:06:08,310 --> 00:06:10,280
de alguna otra manera.

97
00:06:10,280 --> 00:06:15,280
Digamos, dos más dos o dos más cuatro,

98
00:06:16,740 --> 00:06:20,720
así que esto no tiene sentido, pero sí, solo quiero mostrarte

99
00:06:20,720 --> 00:06:22,210
que podemos hacer esto.

100
00:06:22,210 --> 00:06:27,210
Echemos un vistazo al objeto ahora aquí, horario de apertura

101
00:06:27,820 --> 00:06:32,650
y para que veas que aun nos llega jueves y viernes

102
00:06:32,650 --> 00:06:34,750
y luego aquí tenemos el día seis.

103
00:06:34,750 --> 00:06:39,200
Así que calculamos este nombre de propiedad usando un literal de plantilla

104
00:06:39,200 --> 00:06:41,770
y luego también esta expresión aquí.

105
00:06:41,770 --> 00:06:44,550
Y esto a veces es extremadamente útil.

106
00:06:44,550 --> 00:06:46,700
para poder hacer esto.

107
00:06:46,700 --> 00:06:50,690
Entonces, antes solo podíamos calcular los valores, así que aquí

108
00:06:50,690 --> 00:06:54,090
por ejemplo, esto podría ser 12 más 12, ¿verdad?

109
00:06:54,090 --> 00:06:57,650
Pero no pudimos calcular estos nombres de propiedades

110
00:06:57,650 --> 00:06:59,563
pero ahora podemos hacer eso también.