El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Funciones arrow

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Estas funciones podrás conocerlas también como arrow functions, fat arrow functions, o simplemente como una variante de las funciones anónimas. Aprende cómo escribir y sacar provecho de este tipo de funciones.
04:22

Transcripción

Otra manera que tenemos de escribir funciones anónimas es a través de las llamadas funciones de tipo "arrow" o función flecha, que también son conocidas con el nombre de "Fat arrow" o "lambda functions" o funciones lambda. Puedes llamarla con cualquiera de estos nombres. La idea es simplificar un poco el uso de la sintaxis para esta función, veamos cómo escribir una función con este tipo de sintaxis. Para esto, vamos a crear una variable nueva llamada'saludar' donde almacenaremos el resultado de nuestra función. En este caso vamos a escribir primero'nombre', después el símbolo de igual seguido del símbolo mayor que, pero lo dejamos pegado. Después de esto, entre comillas vamos a escribir la palabra'Hola', dejamos un espacio y concatenamos con la palabra'nombre'. Vamos a trabajar rápidamente en la invocación de esta función para poder explicar de qué se trata la estructura que acabamos de escribir. Aquí adentro vamos a escribir la palabra'saludar', que es el nombre como tal de esta función o la manera en la cual vamos a invocar esta función, y aquí adentro vamos a poner algún nombre, por ejemplo, escribamos'Susana'. Ahora analicemos cómo funciona. Primero, la función "arrow" la podemos identificar por este símbolo, así nosotros cuando queremos ocuparla decimos que vamos a enviar este primer elemento como un parámetro y lo que viene después de este símbolo de flecha es lo que va a retornar. Es decir, estará retornando el valor'Hola' con el contenido de la variable'nombre', en este caso'Susana'. Vamos a probarlo rápidamente, y ahora que lo hacemos vemos como dice: "Hola Susana". Esto quiere decir que con esto tenemos un tipo de función más sencillo y claro, es muchísimo más fácil que escribir una función anónima con la sintaxis de'function'. Pero este tipo de funciones también tiene ciertas variantes. Por ejemplo, en este caso, si yo quiero agregar algún valor o realizar alguna operación lo puedo agregar de esta forma escribiendo al final lo que yo quiero retornar. Pero verifica esto, estamos realizando una operación y eso es lo que estamos retornando, es decir, aquí en este caso está sumando el valor que existe en'cantidad' y le suma el valor 10. Como lo estamos invocando con un parámetro de 10, te regresa el valor 20. También es posible que yo pueda enviar más de un parámetro. De hecho, si yo envio más de un parámetro, entonces tengo que encapsularlo entre los paréntesis para que así JavaScript pueda detectarlo y pueda enviarlo de manera adecuada. Como podemos ver, de esta forma ya recibimos'datoA'y'datoB'. ¿Pero qué sucede si yo necesito realizar más operaciones? No te preocupes, también tiene su variante. En este caso, lo único que hacemos es encapsular todas las operaciones con el símbolo de llave y al final lo único que vamos a hacer será invocar a dicha función. En este caso la estamos invocando de está manera. Actualizamos nuestro navegador y vemos como tenemos el valor del'datoA', que es 10, el valor de'datoB', que es 15, y por dentro realiza otra operación que suma el valor de 5 almacenado en la variable 'datoC'. Cuando lo guardamos, entonces tenemos un valor de 30. Y, por último, tenemos esta otra variante donde simplemente no enviaremos ningún parámetro. Y, al no enviar ningún parámetro, solamente tenemos que especificar el símbolo de los paréntesis y después aquí hacer un'return'del contenido que vamos a utilizar. Como puedes ver, la función de tipo "arrow" es bastante versátil, lo único que tenemos que hacer es adaptarla dependiendo de las acciones que tenemos que ejecutar. Este tipo de funciones se vuelven bastante importantes y muy usables cuando quiero integrarlas en "callbacks" o incluso cuando yo quiero utilizarlas dentro de otras funciones como, por ejemplo, funciones de búsqueda en un arreglo o funciones que me permiten estar iterando en colecciones de datos. Así, ahora tienes una manera nueva de cómo poder escribir una función anónima.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.