Las promesas son objetos que retornan un valor en el futuro. Debido a la manera asíncrona que funciona JavaScript, se pueden seguir ejecutando el código sin necesidad de esperar que otro proceso termine, entonces, ¿Cómo sabemos cuando el otro proceso ha terminado? Las promesas nos ayudan con esto.
Estados de una promesa
Una promesa tiene tres estados
- Pendiente: La promesa ha sido creada y se esta ejecutando.
- Completado: La promesa ha terminado su ejecución y no ocurrió ningún error.
- Rechazado: Ocurrió algún error mientras se ejecutaba la promesa.
Sintaxis de una promesa en ES6
Para crear una promesa, le pasamos al constructor dos métodos, el que se ejecuta cuando todo termina de manera satisfactoria, conocido como resolve y reject en caso de que ocurra algún error.
Usamos la siguiente sintaxis
new Promise( (resolve, reject) => { // your code here });
¿Cómo uso las promesas en JavaScript?
Un ejemplo clásico es el uso del setTimeout, el cual ejecuta una función en un tiempo establecido en el futuro. Otros casos son cuando se esta realizando alguna consulta a la base de datos o consumiendo algún API de terceros.
En el siguiente código, creamos una función que retorna una promesa. Dentro de esta función simulamos una consulta a la base de datos para encontrar un usuario en base a su email.
// Function to find an user by their email const findUser = (email) => { return new Promise( (resolve, reject) => { let sql = `SELECT id FROM users WHERE email = "${email}"`; // myDB is just a database handler myDB .execute(sql) .then(user => resolve(user)) .catch(err => reject(err)); }); } let email = '[email protected]'; findUser(email) .then(user => { // no errors executing the query // others checks could happen here // example user !== null console.log('The promise has been resolved!'); }) .catch(err => { // All error handling's goes here console.log('The promise has been rejected'); });
Para saber más acerca de las promesas en ES6 recomiendo el siguiente enlace https://medium.com/dailyjs/asynchronous-adventures-in-javascript-promises-1e0da27a3b4