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 anónimas en JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Bajo ciertas circunstancias, nos encontraremos con la necesidad de no declarar una función de manera formal, por lo cual existen las funciones anónimas, las cuales te darán mucha flexibilidad al momento de escribir tu código. Aprende cómo escribir y usar este tipo de funciones.
03:44

Transcripción

Las funciones anónimas son un recurso ampliamente utilizado por los programadores de JavaScript. Esto nos permite no asignarle a un nombre a un conjunto de instrucciones que deseemos ejecutarlo sin necesidad de asociarlo. Esto lo podemos utilizar comúnmente cuando tenemos un "callback" o cuando queremos nosotros aislar una función de algún otro elemento. Por ejemplo, si nosotros quisiéramos ahorita ejecutar una función o un conjunto de instrucciones al inicio de nuestra aplicación, en lugar de tener que crear una función nueva y ponerle un nombre e invocar la función, podemos hacerlo de manera aislada. ¿Esto cómo es? Vamos a escribir la sintaxis de dos paréntesis seguidos, esto nos permite aislar nuestra función, y en este caso estamos poniendo aquí adentro las instrucciones que nosotros queremos generar, pero para escribir estas instrucciones simplemente vamos a ocupar la siguiente sintaxis: 'function', paréntesis y llaves. Si te das cuenta, esto cambia de una función normal, puesto que la función normal antes del paréntesis y después de la palabra clave'function' lleva un nombre; en este caso no lo lleva. Por ahora vamos a mandar un mensaje que diga: "Hola de nuevo" y dentro de este mensaje vamos a mandarlo a la consola, 'console. log mensaje'. Esto debería poderse ejecutar sin ningún problema. Actualizamos nuestro navegador y vamos a ver qué sucede. En este caso, el'use strict'que tenemos nosotros está impidiendo que podamos aislar este bloque de secciones. Vamos a removerlo solamente para poder verificarlo. Actualizamos nuestro navegador y vemos como ya tenemos este mensaje que dice: "Hola de nuevo". Para poder seguir haciendo las cosas bien, vamos a comentar todo este bloque de código y ahora vamos a escribir una función anónima de una manera distinta. Este tipo de código que vamos a escribir ahora muy probablemente lo hayas visto o lo veas regularmente al momento de estar trabajando con JavaScript. ¿Qué es esto? Primero estamos creando una variable llamada'saludar' y aquí después vamos a escribir la sintaxis de'function', paréntesis y llaves. Como te puedes dar cuenta, esta parte de aquí es muy similar a la sección que tenemos acá. Aquí adentro entonces vamos a mandar, o vamos a crear más bien, un saludo. Vamos a reutilizar lo que ya tenemos acá que diga'var mensaje' es igual a'Hola de nuevo' y vamos a retornar el mensaje, 'return mensaje'. Ahora sí, si nosotros queremos invocar esta función vamos a hacerlo ahora desde la consola. En la consola, yo invoco el método'saludar'y tenemos el texto'Hola de nuevo'. Incluso, nosotros cuando lo invocamos podemos enviar parámetros. Aquí vamos a enviar un parámetro que se va a recibir como'nombre'. Voy a modificar un poco el mensaje y vamos a escribir por acá 'Hola nombre'. Actualizo mi navegador y cuando yo voy a utilizar ahora'saludar'yo puedo mandar el nombre que yo quiero saludar, en este caso escribiré mi cuenta de Twitter, actualizamos y vemos como dice: "Hola yakaFx". Escribir funciones anónimas de esta forma es bastante común y te lo encontrarás regularmente en todos los códigos que estés revisando alrededor de Internet. Y donde también harás mucho uso es cuando trabajes con los llamados "callbacks". Por ahora, entonces, ya sabes cómo 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.