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

Trabajar con promesas en JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Las promesas son herramientas de las cuales hace uso el método fetch para poder procesar la información que recibe cuando es invocado. Conoce y aprende el uso de estas promesas y conoce los beneficios que conlleva su uso.
03:57

Transcripción

Muchas veces, nuestras fuentes de datos pueden ser muchas, es decir, no solamente vamos a necesitar conectarnos a una sola fuente de datos, tal vez necesitemos conectarnos a dos, a tres o a más. Para esto vamos a trabajar de la mano con las promesas que tiene'fetch', para que así podamos controlar el flujo de la información cuando viene de distintas fuentes. Para esto vamos a utilizar un servicio que se encuentra en el'restcountries. eu' donde nosotros podemos acceder a información de todos los países del mundo. Este servicio que nosotros vamos a utilizar nos regresa un JSON con toda la información y, de hecho, dentro de toda la información que tiene aquí podrás encontrar en algunos casos una propiedad llamada'flag'. Esto, en su contenido, te da la ruta a la imagen de una bandera de cada país. También vamos a seguir utilizando el servicio que teníamos previamente. Ahora vamos a nuestro archivo 'index. html' y vemos que tenemos dos secciones distintas: una llamada Banderas y una llamada Posts. En cada una de ellas estaremos poniendo las secciones cuando pulsemos el botón Traer datos. Lo primero que vamos a hacer es llenar las funciones que tenemos aquí de'getPosts'y'getCountries'. En el caso de'getPosts', lo que vamos a hacer es un'return'directamente al'fetch'. Lo estamos encapsulando en una función para que podamos reutilizar cada vez que necesitemos estas funciones y no nos esté generando algún error. Ahora ya tenemos dos funciones: 'getPosts'y'getCountries'. Estos, al final, estarán retornando una promesa. Así que cuando yo voy a trabajar con mi botón, lo primero que voy a pedir es traerme todos los'posts'. Para eso tengo este método y a partir de aquí yo puedo acceder directamente a todas las promesas, porque como me retorna el resultado de'fetch', entonces tengo acceso a una promesa. Como habíamos visto previamente, necesitamos primero traernos los datos y formatearlos en tipo JSON y después de esto vamos a trabajar nuevamente con el'then' y esto nos va a servir para poder mostrar los datos que estamos recibiendo. En este caso vamos a recibir los'posts'y, utilizando un "arrow function", vamos a mandar la información primero a'mostrarDatos', es decir, la función que teníamos escrita previamente para mostrar todo el contenido de los'posts'. Ahora, una vez que ya tenemos esto, vamos a invocar el resultado de'getCountries', pero esto lo vamos a hacer de la siguiente forma. Aquí, en la misma promesa, también es posible que yo pueda retornar nuevas promesas. Es decir, una promesa puede retornar otra promesa y así sucesivamente hasta cumplir el objetivo. Una vez que lo tenemos, repetimos los pasos. ¿Qué quiere decir? Que esto va a esperar hasta que nosotros tengamos otra promesa escrita. Quiere decir que cuando se ejecute esta función que va a traerse a los países, va a generar una nueva promesa, y cuando lleguen los datos lo único que va a hacer es "parsearlos" a JSON y posterior a eso tendremos la última promesa para mostrar los datos. Lo único repetitivo y complejo que tiene esta situación es que cada que llegan los datos, la primera vez tienes que convertirlos a un JSON y después ya puedes acceder a la información. No te olvides de ese paso. Ahora esta función'mostrarBanderas'lo que se encarga es de leer dónde se encuentra la bandera y generar una imagen. Vamos a actualizar nuestro navegador y vamos a pulsar el botón Traer datos. Esto, como puedes ver, rápidamente nos trajo todos los textos y también nos trajo todas las banderas. ¿Qué tal? Ahora ya podemos conectarnos a dos servicios y estar trabajando con las promesas y reaccionar de distinta forma dependiendo de en qué momento lleguen los datos de cada petición.

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.