What is the difference between promises and callbacks in JavaScript?

Can you explain the difference between promises and callbacks in JavaScript?

Sure! Callbacks are functions passed as arguments to other functions, executed after a task is completed. Promises, on the other hand, are objects that represent the eventual completion (or failure) of an asynchronous operation and its resulting value.

Why would I use promises instead of callbacks?

Promises help avoid callback hell, making code easier to read and maintain. They also provide better error handling through .catch().

Can you give me an example of both?

Absolutely! A callback example would be using setTimeout with a function. A promise example would be using fetch to get data from an API, which returns a promise that resolves with the response.

What are some common pitfalls with callbacks?

Common pitfalls include callback hell, where callbacks are nested too deeply, and difficulty in error handling, as errors can be hard to trace.