Buscar
Cerrar este cuadro de búsqueda.

Promesas ES6

Facebook
Twitter
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
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 >>
Tips

Custom Web Fonts

Con la entrada de HTML5 se han abierto muchas puertas para poder utilizar un Font que no es estándar dentro de nuestra página, esto lo podemos lograr de utilizando la regla CSS3 @font-face, la librería Cufón de Javascript o servicios de Fonts en línea como lo es Google WEB Fonts.

Leer Más >>

Deja una respuesta

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