Promesas ES6

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

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

Entradas relacionadas
Seguridad

Clickbaits

Los clickbaits tienen como propósito atraer la mayor cantidad de visitas posible a alguna página web y en muchos casos, exponen riesgos de seguridad al usuario.

Leer Más >>
WordPress Linting Hero Image
Tips

WordPress Linting

El uso de linting nos ayuda a mantener el estándar en nuestro código fuente, forzando al programador o grupo de programadores a seguir ciertas reglas preestablecidas, unificando de esta manera la legibilidad del mismo.

Leer Más >>
Visual Studio Code Plugins
Tips

Visual Studio Code Plugins

Visual Studio Code es un editor de código fuente altamente configurable que puede ser instalado tanto para Windows como Linux y macOS. Dentro de sus características esta el soporte para control de versiones, diferentes herramientas de depuración e instalar plugins de terceros.

Leer Más >>

Deja una respuesta

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