Promesas en JavaScript

Publicado por parzibyte en

Las promesas en JavaScript son una manera más elegante de trabajar con código asíncrono que los callbacks, pues evitan el famoso callback hell. Aunque actualmente las promesas o promises de JavaScript están siendo remplazadas por async y await es bueno saber cómo funcionan las mismas.

Hoy vamos a ver cómo funcionan las promesas con JavaScript, además de aprender a crear promesas y devolverlas en una función.

El problema con los callbacks

Debido a la naturaleza asíncrona de JavaScript, debería existir una manera de ejecutar código cuando determinada opción termine, sin saber cuándo terminará.

Para ello se comenzaron a usar los callbacks, pero el problema viene cuando se anidan:

Si anidamos más y más cosas, al final tendremos un código no tan legible.

Las promesas vienen a solucionar eso.

Promesas en JavaScript

Las promesas usan then, catch y finally. En lugar de especificar un callback, se especifica un “then” o “y entonces”.

De esta manera las promesas se pueden anidar, y para manejar los errores se cuenta con finally y catch:

Lo único que tenemos que hacer en la función es regresar una promesa para que la misma pueda ser anidada. Si todo va bien, se ejecuta el then, y si no, se pueden manejar con catch y err.

Promise, resolve y reject

Muchas funciones nativas de JavaScript ya incorporan las promesas, por ejemplo, fetch.

Nosotros también podemos crear nuestras propias promesas usando la clase Promise. Para crear una promesa pasamos una función como primer argumento.

Esa función tendrá un resolve y un reject, que serán a su vez funciones. Si llamamos a resolve, será llamado el then en la promesa, y si la rechazamos con reject, será llamado el catch en caso de que exista.

Por ejemplo veamos esta función para obtener datos de MySQL convirtiendo un callback a una promesa:

La librería de MySQL funciona con callbacks, pero podemos adaptarla para que funcione con promesas.

En el otro lado, cuando se invoque a esta función, su uso podría ser así:

El método devolverá una promesa, así que simplemente esperamos a que se resuelva, o atrapamos el error.

Todo esto se puede hacer para remplazar a los callbacks.


parzibyte

He trabajado por más de 4 años en el desarrollo de software con experiencia en Java, PHP, JavaScript, HTML, Node.JS, Python, Android y Go. También he trabajado con bases de datos SQL como MySQL y SQLite, así como con bases de datos NoSQL usando MongoDB.Soy bueno utilizando algunos frameworks y herramientas como Firebase, jQuery, AngularJS, VueJS, CodeIgniter, Laravel, BulmaCSS, Bootstrap y Electron.Otros términos que conozco son: Arduino, GraphQL, API's, REST, AJAX, PouchDB, CouchDB, Experiencia de usuario, buenas prácticas de programación, Webpack, NPM, Administración de servidores y programación de scriptsLa plataforma en la que tengo más experiencia es la web, pero en mis ratos libres realizo unos pequeños ejercicios en C# y C.Estoy aquí para ayudarte a resolver tus problemas de programación y depuración :-)

2 Comments

Async y await en JavaScript - Parzibyte's blog · junio 28, 2019 a las 11:28 am

[…] Promesas […]

Callbacks, código asíncrono y funciones anónimas en Javascript - Parzibyte's blog · julio 5, 2019 a las 1:05 pm

[…] cierto, cabe mencionar que los callbacks ya están en desuso y están siendo remplazados por promesas o por async y await, pero eso es otra historia. Además, si entendemos el código asíncrono no nos […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

A %d blogueros les gusta esto: