JavaScript is **single-threaded** — it can execute **only one task at a time**.

But thanks to its **asynchronous nature**, it can still perform multiple operations efficiently without freezing or blocking your app.

This section helps you understand **how JavaScript achieves multitasking** using concepts like the **Event Loop**, **Callbacks**, **Promises**, and **Async/Await**.

A thread is like a path where your code runs.

Since JavaScript has **only one thread**, it can handle **only one task at a time** on the **main thread**.

Without async behavior, JavaScript would wait for every task (like a slow API or timer) before moving on.

This would make your web apps **freeze** whenever they’re waiting for something.

Async operations allow your app to:

- Stay **responsive**

- Handle multiple tasks in the background

- Avoid blocking other code

Even though JS is single-threaded, it has a smart system made of:

- **Call Stack** → Runs one task at a time

- **Web APIs / Node APIs** → Handle async operations (like `setTimeout`, `fetch`)

- **Callback Queue** → Stores finished async tasks

- **Event Loop** → Moves tasks from the queue to the stack when it’s free

JavaScript provides several ways to manage asynchronous operations.

Over time, these methods have evolved to make async programming easier to understand and maintain.

These include:

The earliest way to handle async tasks by passing a function to be called later.

A cleaner and more reliable way to handle asynchronous operations, avoiding callback hell.

Built on top of Promises, allowing async code to look and behave like synchronous code.

Used in browsers to handle user interactions like clicks or key presses asynchronously.

A modern way to make network requests (like getting data from an API) asynchronously.

Not a function, but the **heart of how async JavaScript runs**.

It continuously checks if the call stack is empty and pushes queued async tasks back to execute.