selbekk

Fra callback hell til async heaven

September 20, 2017

Asynkron kode i JavaScript har alltid vært forvirrende. Man sender inn en funksjon som argument til en funksjon, som på magisk vis blir kalt når den asynkrone operasjonen er ferdig. Dette førte til hva bransjen vår så kjærlig har kalt callback-helvetet - en nett av nøstede funksjoner som selv erfarne utviklere fikk frysninger av.

I 2012 fikk JavaScript Promises, en teknikk for å unngå callbacks og simplifisere det å skrive asynkrone operasjoner. Koden ble lettere å lese, men man måtte fortsatt definere opp nye funksjoner som ble kalt slik man var vant til fra callbacks, og feilhåndtering var fortsatt forvirrende.

Den største nyheten i årets versjon av JavaScript-standarden - ES2017 - var støtte for en mer intuitiv måte å skrive asynkron kode på. `async` og `await` er to nye kodeord som lar deg skrive asynkron kode på samme måte som annen kode - uten callbacks eller annet krimskrams. Det lar deg for eksempel skrive kode som dette: `console.log(await api.getData());`

Dette foredraget viser deg hvordan du kan ta eksisterende callback-basert kode, og raskt forandre den til å være mye lettere å lese, teste og vedlikeholde.

All rights reserved © 2022