🔥 Callback Hell in JavaScript

Callback Hell happens when multiple asynchronous operations are nested within each other, creating code that is hard to read and maintain.

😖 What Does Callback Hell Look Like?

getUser(function(user) {
  getPosts(user.id, function(posts) {
    getComments(posts[0].id, function(comments) {
      console.log(comments);
    });
  });
});

The pyramid shape makes it hard to follow and debug. This is often called the "Pyramid of Doom."

🧠 Why It Happens

• Asynchronous functions depend on each other
• No proper error handling
• No separation of concerns

✅ How to Avoid Callback Hell

• Use named functions instead of inline callbacks
• Use Promises to flatten the structure
• Use async/await for cleaner syntax

🔁 Same Example with Promises

getUser()
  .then(user => getPosts(user.id))
  .then(posts => getComments(posts[0].id))
  .then(comments => console.log(comments))
  .catch(error => console.error(error));