JavaScript Intermedio

Inicio / Tema / JavaScript Intermedio / Asincronía Avanzada y Web APIs

Asincronía Avanzada y Web APIs

JavaScript es un lenguaje asincrónico que se utiliza ampliamente para trabajar con tareas que se ejecutan en segundo plano, como solicitudes de red y temporizadores. En este capítulo, exploraremos la asincronía avanzada y las APIs web que facilitan el desarrollo de aplicaciones interactivas.

Temporizadores con `setTimeout` y `setInterval`

Los temporizadores permiten ejecutar código después de un tiempo específico o a intervalos regulares.

javascript

"En este ejemplo, 'setTimeout' ejecuta un mensaje una sola vez después de 2 segundos, mientras que 'setInterval' muestra un mensaje cada segundo hasta que se detiene."

`clearInterval` y `clearTimeout`

Podemos detener los temporizadores con clearInterval y clearTimeout, pasando el ID del temporizador.

javascript

"Aquí, usamos 'clearInterval' para detener el temporizador 'intervalId' después de 5 segundos."

`fetch` para Solicitudes HTTP

La API fetch permite hacer solicitudes HTTP de manera asincrónica, devolviendo una Promesa que representa la respuesta.

javascript

"Este ejemplo muestra cómo usar 'fetch' para obtener datos de una API. Usamos 'then' para procesar la respuesta y 'catch' para manejar errores."

`AbortController` para Cancelar Solicitudes

AbortController permite cancelar una solicitud fetch si tarda demasiado o si ya no es necesaria.

javascript

"En este código, usamos 'AbortController' para cancelar la solicitud 'fetch' si no se completa en 3 segundos."

WebSocket para Comunicación en Tiempo Real

La API WebSocket permite la comunicación bidireccional en tiempo real entre el cliente y el servidor.

javascript

"Aquí, usamos 'WebSocket' para conectarnos a un servidor y enviar un mensaje. 'onmessage' recibe mensajes del servidor y los muestra en consola."

API de Geolocalización

La API de Geolocalización permite acceder a la ubicación del dispositivo con el permiso del usuario.

javascript

"En este ejemplo, 'getCurrentPosition' obtiene la ubicación actual del dispositivo, mostrando latitud y longitud si se concede permiso."

API de Notificaciones

La API de Notificaciones permite mostrar notificaciones nativas en el sistema, como recordatorios o mensajes de alerta.

javascript

"Aquí, verificamos si el permiso para mostrar notificaciones está concedido. Si no, solicitamos permiso y mostramos una notificación cuando se otorga."

Conclusión

La asincronía avanzada y las Web APIs en JavaScript permiten construir aplicaciones interactivas y en tiempo real. Con el uso de fetch, WebSockets, geolocalización y notificaciones, puedes mejorar la experiencia del usuario de manera significativa.

Volver al capítulo anterior

Marcar como leìdo y continuar