async-javascript-ejemplos/06.js at main · platzi/async-javascript-ejemplos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
// Callback Hell - Anidamiento profundo
login(usuario, function(err, user) {
  if (err) return manejarError(err);

  obtenerPerfil(user, function(err, perfil) {
    if (err) return manejarError(err);

    obtenerPermisos(perfil, function(err, permisos) {
      if (err) return manejarError(err);

      cargarDashboard(permisos, function(err, dashboard) {
        if (err) return manejarError(err);

        console.log("Todo listo");
      });
    });
  });
});


// Flujo realista de una app: login → perfil → posts → comentarios
login(credenciales, function(err, sesion) {
  if (err) { return manejarError(err); }
  actualizarUI("Cargando perfil...");

  obtenerPerfil(sesion.userId, function(err, perfil) {
    if (err) { return manejarError(err); }
    renderizarPerfil(perfil);

    obtenerPosts(perfil.id, function(err, posts) {
      if (err) { return manejarError(err); }
      renderizarPosts(posts);

      obtenerComentarios(posts[0].id, function(err, comentarios) {
        if (err) { return manejarError(err); }
        renderizarComentarios(comentarios);

        // En este punto ya nadie sabe qué está pasando
      });
    });
  });
});


// El intento de solución: funciones nombradas
// ✅ Más legible visualmente...
function manejarUsuario(err, usuario) {
  if (err) { return console.error(err); }
  obtenerPedidos(usuario.id, manejarPedidos);
}

function manejarPedidos(err, pedidos) {
  if (err) { return console.error(err); }
  obtenerProducto(pedidos[0].productoId, manejarProducto);
}

function manejarProducto(err, producto) {
  if (err) { return console.error(err); }
  console.log("Producto:", producto.nombre);
}

obtenerUsuario(1, manejarUsuario);