en este video,
Familiaricémonos rápidamente con las funciones de flecha.
Entonces, las funciones de flecha son una nueva forma de escribir funciones.
que se han introducido en JavaScript en ES6,
y son muy útiles para escribir rápido
y funciones cortas de una línea.
Ahora, mucha gente usa funciones de flecha.
para todas las funciones ahora, pero personalmente no me gusta
eso y solo los encuentro útiles para,
bueno, como dije, estas funciones de una sola línea.
Entonces, digamos que queremos escribir una función.
que automáticamente hace esta parte aquí.
Entonces, toma un valor que se supone que es una fecha.
y obtendrá el año.
Entonces, basado en esta convención
que nuestras fechas siempre estén escritas en este formato aquí mismo,
entonces fecha-mes-día.
Así que la, digamos, antigua forma de escribir sería simplemente
para usar la palabra clave de función,
luego, digamos, obtienes el año y recibe una cadena,
y luego podremos regresar, tal como lo hicimos aquí.
De hecho, copiemos esto para hacerlo un poco más rápido.
Y luego podríamos usar
obtener el año con, por ejemplo, la fecha de publicación
que ya tenemos.
Y así esto resulta en 1965, tal como lo tenemos aquí.
Entonces, esta es la forma tradicional de escribir funciones,
que todavía uso todo el tiempo para funciones más largas,
pero ahora también tenemos funciones de flecha.
Entonces, veamos cómo escribimos una función de flecha.
Entonces, la función es básicamente simplemente el argumento,
luego la flecha, y luego lo que queremos devolver,
que es string.split y luego el primer elemento.
y eso es. Esta es una función.
Y tal vez hayas notado que la extensión Prettier
que estamos usando en este curso se envolvió automáticamente
este parámetro aquí dentro de estos paréntesis.
Y eso es porque realmente podemos especificar
múltiples argumentos o parámetros,
y luego realmente necesitamos usar los paréntesis.
Y por eso Prettyer los colocó allí,
porque así no podemos cometer ningún error.
Entonces, realmente podríamos pasar cualquier cantidad de parámetros.
aquí que queríamos y luego basándonos en eso,
Entonces podemos devolver algo.
Nuevamente, esta parte aquí se devuelve automáticamente.
sin que tengamos que escribir la palabra clave return explícitamente.
Bien, entonces apaguemos este aquí.
porque ahora queremos reutilizar este nombre del año obtenido
porque ahora mismo, esta es una función,
pero realmente no podemos usarlo
porque no lo hemos guardado en ningún lado.
Entonces, podemos hacer esto, const, obtener año,
y luego almacene el valor de esa función en esta variable aquí.
Y esto se convierte en la llamada expresión de función.
además, mientras que esta de aquí es una declaración de función.
Entonces esa es una diferencia sutil que quizás hayas escuchado.
y no es realmente importante.
Lo que importa es que se trata de una función de flecha,
donde devolvemos automáticamente lo que esté aquí
en el lado derecho de esta flecha.
Ahora, si tuviéramos más código aquí, si tuviéramos varias líneas,
entonces tendríamos que volver a utilizar un bloque de funciones.
Entonces, usando estas llaves, entonces podríamos escribir
cualquier código que necesitáramos aquí, y luego, al final,
De hecho, tendríamos que regresar manualmente nuevamente.
Entonces este también funcionaría de la misma manera.
Entonces verás que tenemos el resultado aquí.
Pero si usas este bloque, entonces realmente necesitas
esta palabra clave de retorno nuevamente.
De lo contrario, como puede ver, devuelve indefinido.
Pero nuevamente, la forma ideal de usar esta función es
cuando realmente tienes una sola frase, entonces no necesitas
una palabra clave de retorno, no necesita un bloque de funciones.
Todo lo que necesitas es esto.
Y esto realmente resulta muy útil para funciones de devolución de llamada,
por ejemplo, en algunos métodos de flecha, como veremos más adelante.
Ahora, usemos esto aquí.
Entonces, para eso, cortaré esta parte y la colocaremos aquí.
antes del resumen porque ahora quiero
para utilizar la función obtener año aquí.
Además, elimine esta parte.
De hecho, lo corté y lo puse aquí solo como referencia.
Y ahora aquí, en lugar de hacerlo manualmente aquí,
podemos llamar a la función aquí mismo
dentro de la plantilla, literal.
Obtenga el año y nuevamente la fecha de publicación.
Y resultado que obtenemos en la consola.
es, de hecho, exactamente lo mismo.