Introducción a la programación asíncrona

La programación asíncrona permite ejecutar tareas en segundo plano mientras el programa principal sigue funcionando.

        <script>
          console.log("Inicio del programa");

          setTimeout(function() {
            console.log("Tarea asíncrona completada");
          }, 2000);

          console.log("Fin del programa");
        </script>
      

Promesas: concepto y uso básico

Las promesas son objetos que representan la eventual finalización o fracaso de una operación asíncrona.

        <script>
          var miPromesa = new Promise(function(resolve, reject) {
            var exito = true; // Cambiar a false para simular rechazo

            if (exito) {
              resolve("La promesa se cumplió correctamente.");
            } else {
              reject("La promesa fue rechazada.");
            }
          });

          miPromesa.then(function(resultado) {
            console.log(resultado);
          }).catch(function(error) {
            console.log(error);
          });
        </script>
      

Uso de promesas con AJAX y fetch

Las promesas son comúnmente utilizadas para realizar solicitudes AJAX y obtener datos de forma asíncrona.

        <script>
          // Ejemplo con fetch
          fetch("https://jsonplaceholder.typicode.com/posts/1")
            .then(function(response) {
              return response.json();
            })
            .then(function(data) {
              console.log(data);
            })
            .catch(function(error) {
              console.log(error);
            });
        </script>