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

Te podría interesar
Tecnología

Tutorial Básico de Git

Git es un sistema de control de versiones descentralizado, a diferencia de SVN que almacena el repositorio en un servidor centralizado, Git crea una copia del repositorio cada vez que alguien descarga el repositorio.

Leer Más >>
Tips

Optimización de Sitios Web

Hacer una página es más rápido que antes gracias a las herramientas de publicación y editores de contenidos que facilitan este proceso, sin embargo, un factor que siempre debe tomarse en cuenta es: ¿qué tan rápida es la carga de nuestro sitio web?

Leer Más >>

Deja una respuesta

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