Förklara async-modeller: callbacks, promises, async/await och event-loopen.

Question

IT Interview Practice · Accepted Answer

**Dessa är successivt trevligare sätt att uttrycka icke-blockerande arbete på en enda tråd, alla drivna underliggande av en event-loop som kör redo callbacks en i taget.** De styr *när* kod återupptas, inte flera trådar.

## Event-loopen

En enkeltrådad loop upprätthåller en kö av redo callbacks. När en async-operation (timer, I/O) slutförs läggs dess callback i kön; loopen plockar nästa och kör den till slut, och upprepar sedan. Inget avbryter en körande callback, så långt CPU-arbete blockerar allt.

```text
[event loop] → run callback → I/O finishes → enqueue callback → run next → ...
```

## De tre stilarna

```js
// 1. Callbacks — nesting gets ugly ("callback hell")
readFile('a', (e, a) => readFile('b', (e, b) => done(a, b)));

// 2. Promises — chainable, flat error handling
readFile('a').then(a => readFile('b')).then(b => ...).catch(err => ...);

// 3. async/await — sequential-looking, still non-blocking
async function run() {
  const a = await readFile('a');   // yields to the loop while waiting
  const b = await readFile('b');
  return done(a, b);
}
```

`await` avbryter funktionen och återlämnar kontrollen till event-loopen; när promiset resolverar återupptas exekveringen där den slutade. Det är syntaktiskt socker ovanpå promises — samma event-loop underliggande.

## Varför det är viktigt

Denna modell driver Node.js, webbläsare och Pythons asyncio: massiv I/O-samtidighet på en tråd utan låskomplexitet. Haken är att du aldrig får blockera loopen — ett synkront CPU-tungt eller blockerande anrop stoppar varje väntande uppgift. Att förstå att async ≠ parallell är en vanlig intervjuavskiljare.

Event-loopen

De tre stilarna

Varför det är viktigt

Relaterade frågor