Última Actualización abril 20th, 2021 12:07 PM
JavaScript Await Async son dos de las palabras reservas que se usan en JavaScript ES7 para simplificar la gestión de la programación concurrente y que nos puede ayudar a simplificar el manejo de peticiones AJAX y la gestión de promesas. Vamos a ver un ejemplo sencillo ,para ello partiremos de un servidor de Node.js que nos devuelve una lista de facturas.
Lo único que tenemos es que disponer de una página html que haga una petición AJAX al servidor y se traiga los datos de las Facturas.
En este caso estamos ante una petición muy muy sencilla que se realiza usando el API de Fetch de JavaScript ES6 que esta orientado al manejo de promesas. Solicitamos al servidor las facturas y el API de Fetch enlazara una promesa. Esta promesa contiene los datos en JSON que de igual manera se pueden procesar como una promesa. En principio parece un poco engorroso comparado con una petición clásica de jQuery.
Sin embargo esta basada en la idea de promesas de jQuery
Es aquí donde las nuevas palabras reservadas de Async y Await nos pueden ayudar a simplificar el código de forma clara. La palabra Async sirve definir que una función es asincrona. Por lo tanto lo tendremos que poner a nivel de la función:
Por lo tanto el primer paso es modificar el código para que soporte JavaScript Async Await. En este caso lo que hacemos es marcar la función con la palabra reservada async. Esto ya hace que cualquier navegador moderno de JavaScript considere la función asíncrona. Nos queda aplicar await a cada una de los métodos que anteriormente soportaban el método then.
El código queda muy simplificado a nivel de gestión de promesas. El método await se encarga de añadir la sintaxis sugar necesaria para procesar lo que anteriormente hacían los métodos then.
Poco a poco tenemos que irnos acostumbrando a usar más las capacidades modernas de JavaScript si nuestro navegador lo soporta o usamos un transcompilador tipo babel.
Te esperamos en los siguientes artículos en donde hablaremos mas acerca de estos temas, los cuales hoy en día son de vital importancia en el mundo de la tecnología.
Powered by Facebook Comments
No related posts.
Abr 20, 2021 0
Abr 19, 2021 0
Abr 17, 2021 0
Abr 16, 2021 0
Abr 17, 2021 0
Abr 10, 2021 0
Abr 08, 2021 0
Mar 29, 2021 0
Abr 20, 2021 0
Abr 19, 2021 0
Abr 17, 2021 0