Как работает асинхронность в JS?

JavaScript однопоточный, но избегает блокировок с помощью асинхронности. Например:

console.log("Start");
setTimeout(() => console.log("Timeout"), 0);
console.log("End");
// Вывод: Start → End → Timeout

Здесь setTimeout откладывает выполнение, чтобы не мешать основному потоку.

Как это работает?

1. Синхронный код выполняется сразу.

2. Асинхронные задачи (запросы, таймеры) попадают в очередь (Callback Queue).

3. Event Loop проверяет, когда основной код завершился, и затем выполняет задачи из очереди.

Промисы (Promise) и async/await упрощают работу с асинхронностью, делая код понятнее:

async function fetchData() {
	const response = await fetch("url"); // Ждем ответа без блокировки
	console.log(response);
}