What is the difference between callbacks and async/await?

Can you explain the difference between callbacks and async/await in JavaScript?

Sure! Callbacks are functions passed as arguments to other functions, executed after a task is completed. Async/await is a syntax that allows you to write asynchronous code that looks synchronous, making it easier to read and maintain.

Why would I choose async/await over callbacks?

Async/await helps avoid callback hell, making your code cleaner and easier to understand. It also allows for better error handling using try/catch.

Can you give me an example of both?

Of course! A callback example would be using setTimeout to delay execution. An async/await example would involve fetching data from an API and waiting for the response before proceeding.

What are some common pitfalls with async/await?

Common pitfalls include forgetting to use await, which can lead to unexpected behavior, and not handling errors properly, which can cause unhandled promise rejections.