1
00:00:01,140 --> 00:00:02,010
en este video,

2
00:00:02,010 --> 00:00:05,793
Familiaricémonos rápidamente con las funciones de flecha.

3
00:00:07,320 --> 00:00:10,440
Entonces, las funciones de flecha son una nueva forma de escribir funciones.

4
00:00:10,440 --> 00:00:14,430
que se han introducido en JavaScript en ES6,

5
00:00:14,430 --> 00:00:16,770
y son muy útiles para escribir rápido

6
00:00:16,770 --> 00:00:19,530
y funciones cortas de una línea.

7
00:00:19,530 --> 00:00:21,930
Ahora, mucha gente usa funciones de flecha.

8
00:00:21,930 --> 00:00:25,860
para todas las funciones ahora, pero personalmente no me gusta

9
00:00:25,860 --> 00:00:29,033
eso y solo los encuentro útiles para,

10
00:00:29,033 --> 00:00:32,850
bueno, como dije, estas funciones de una sola línea.

11
00:00:32,850 --> 00:00:34,575
Entonces, digamos que queremos escribir una función.

12
00:00:34,575 --> 00:00:38,310
que automáticamente hace esta parte aquí.

13
00:00:38,310 --> 00:00:40,390
Entonces, toma un valor que se supone que es una fecha.

14
00:00:40,390 --> 00:00:42,420
y obtendrá el año.

15
00:00:42,420 --> 00:00:43,918
Entonces, basado en esta convención

16
00:00:43,918 --> 00:00:48,270
que nuestras fechas siempre estén escritas en este formato aquí mismo,

17
00:00:48,270 --> 00:00:51,693
entonces fecha-mes-día.

18
00:00:54,300 --> 00:00:58,710
Así que la, digamos, antigua forma de escribir sería simplemente

19
00:00:58,710 --> 00:01:00,633
para usar la palabra clave de función,

20
00:01:03,510 --> 00:01:07,590
luego, digamos, obtienes el año y recibe una cadena,

21
00:01:07,590 --> 00:01:11,340
y luego podremos regresar, tal como lo hicimos aquí.

22
00:01:11,340 --> 00:01:14,253
De hecho, copiemos esto para hacerlo un poco más rápido.

23
00:01:16,440 --> 00:01:17,530
Y luego podríamos usar

24
00:01:19,941 --> 00:01:24,941
obtener el año con, por ejemplo, la fecha de publicación

25
00:01:25,770 --> 00:01:26,970
que ya tenemos.

26
00:01:26,970 --> 00:01:30,513
Y así esto resulta en 1965, tal como lo tenemos aquí.

27
00:01:31,710 --> 00:01:34,110
Entonces, esta es la forma tradicional de escribir funciones,

28
00:01:34,110 --> 00:01:37,500
que todavía uso todo el tiempo para funciones más largas,

29
00:01:37,500 --> 00:01:40,320
pero ahora también tenemos funciones de flecha.

30
00:01:40,320 --> 00:01:42,570
Entonces, veamos cómo escribimos una función de flecha.

31
00:01:44,070 --> 00:01:47,583
Entonces, la función es básicamente simplemente el argumento,

32
00:01:48,810 --> 00:01:52,143
luego la flecha, y luego lo que queremos devolver,

33
00:01:53,610 --> 00:01:58,610
que es string.split y luego el primer elemento.

34
00:02:00,060 --> 00:02:03,480
y eso es. Esta es una función.

35
00:02:03,480 --> 00:02:06,090
Y tal vez hayas notado que la extensión Prettier

36
00:02:06,090 --> 00:02:09,084
que estamos usando en este curso se envolvió automáticamente

37
00:02:09,084 --> 00:02:12,330
este parámetro aquí dentro de estos paréntesis.

38
00:02:12,330 --> 00:02:14,460
Y eso es porque realmente podemos especificar

39
00:02:14,460 --> 00:02:17,197
múltiples argumentos o parámetros,

40
00:02:17,197 --> 00:02:20,160
y luego realmente necesitamos usar los paréntesis.

41
00:02:20,160 --> 00:02:22,643
Y por eso Prettyer los colocó allí,

42
00:02:22,643 --> 00:02:25,593
porque así no podemos cometer ningún error.

43
00:02:26,790 --> 00:02:29,850
Entonces, realmente podríamos pasar cualquier cantidad de parámetros.

44
00:02:29,850 --> 00:02:33,120
aquí que queríamos y luego basándonos en eso,

45
00:02:33,120 --> 00:02:35,310
Entonces podemos devolver algo.

46
00:02:35,310 --> 00:02:38,342
Nuevamente, esta parte aquí se devuelve automáticamente.

47
00:02:38,342 --> 00:02:42,543
sin que tengamos que escribir la palabra clave return explícitamente.

48
00:02:44,827 --> 00:02:49,500
Bien, entonces apaguemos este aquí.

49
00:02:49,500 --> 00:02:53,130
porque ahora queremos reutilizar este nombre del año obtenido

50
00:02:53,130 --> 00:02:55,146
porque ahora mismo, esta es una función,

51
00:02:55,146 --> 00:02:56,944
pero realmente no podemos usarlo

52
00:02:56,944 --> 00:02:59,253
porque no lo hemos guardado en ningún lado.

53
00:03:00,780 --> 00:03:05,280
Entonces, podemos hacer esto, const, obtener año,

54
00:03:05,280 --> 00:03:09,300
y luego almacene el valor de esa función en esta variable aquí.

55
00:03:09,300 --> 00:03:12,210
Y esto se convierte en la llamada expresión de función.

56
00:03:12,210 --> 00:03:16,200
además, mientras que esta de aquí es una declaración de función.

57
00:03:16,200 --> 00:03:18,270
Entonces esa es una diferencia sutil que quizás hayas escuchado.

58
00:03:18,270 --> 00:03:20,610
y no es realmente importante.

59
00:03:20,610 --> 00:03:22,950
Lo que importa es que se trata de una función de flecha,

60
00:03:22,950 --> 00:03:26,102
donde devolvemos automáticamente lo que esté aquí

61
00:03:26,102 --> 00:03:28,920
en el lado derecho de esta flecha.

62
00:03:28,920 --> 00:03:32,760
Ahora, si tuviéramos más código aquí, si tuviéramos varias líneas,

63
00:03:32,760 --> 00:03:36,720
entonces tendríamos que volver a utilizar un bloque de funciones.

64
00:03:36,720 --> 00:03:40,320
Entonces, usando estas llaves, entonces podríamos escribir

65
00:03:40,320 --> 00:03:43,350
cualquier código que necesitáramos aquí, y luego, al final,

66
00:03:43,350 --> 00:03:47,100
De hecho, tendríamos que regresar manualmente nuevamente.

67
00:03:47,100 --> 00:03:49,440
Entonces este también funcionaría de la misma manera.

68
00:03:49,440 --> 00:03:51,960
Entonces verás que tenemos el resultado aquí.

69
00:03:51,960 --> 00:03:55,590
Pero si usas este bloque, entonces realmente necesitas

70
00:03:55,590 --> 00:03:57,660
esta palabra clave de retorno nuevamente.

71
00:03:57,660 --> 00:04:00,213
De lo contrario, como puede ver, devuelve indefinido.

72
00:04:01,740 --> 00:04:04,110
Pero nuevamente, la forma ideal de usar esta función es

73
00:04:04,110 --> 00:04:07,154
cuando realmente tienes una sola frase, entonces no necesitas

74
00:04:07,154 --> 00:04:10,410
una palabra clave de retorno, no necesita un bloque de funciones.

75
00:04:10,410 --> 00:04:12,000
Todo lo que necesitas es esto.

76
00:04:12,000 --> 00:04:16,200
Y esto realmente resulta muy útil para funciones de devolución de llamada,

77
00:04:16,200 --> 00:04:19,533
por ejemplo, en algunos métodos de flecha, como veremos más adelante.

78
00:04:20,370 --> 00:04:22,243
Ahora, usemos esto aquí.

79
00:04:22,243 --> 00:04:27,243
Entonces, para eso, cortaré esta parte y la colocaremos aquí.

80
00:04:27,840 --> 00:04:29,820
antes del resumen porque ahora quiero

81
00:04:29,820 --> 00:04:32,253
para utilizar la función obtener año aquí.

82
00:04:33,570 --> 00:04:35,073
Además, elimine esta parte.

83
00:04:36,120 --> 00:04:39,660
De hecho, lo corté y lo puse aquí solo como referencia.

84
00:04:39,660 --> 00:04:43,290
Y ahora aquí, en lugar de hacerlo manualmente aquí,

85
00:04:43,290 --> 00:04:45,540
podemos llamar a la función aquí mismo

86
00:04:45,540 --> 00:04:47,140
dentro de la plantilla, literal.

87
00:04:48,090 --> 00:04:52,560
Obtenga el año y nuevamente la fecha de publicación.

88
00:04:52,560 --> 00:04:55,050
Y resultado que obtenemos en la consola.

89
00:04:55,050 --> 00:04:57,063
es, de hecho, exactamente lo mismo.