JavaScript Academy · leksjon

Promise.all / any / race / allSettled — velg riktig verktøy

Øv på Promise-kombinatorer: all, any, race og allSettled. Lær hvordan suksess og feil håndteres, og når hver av dem bør brukes.

Leksjon 3 av 38 trinn

Promise.all / any / race / allSettled — velg riktig verktøy er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 3 av 3. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 3 leksjoner.

Oversikt over kombinatorer

Mål: Lær fire hjelpefunksjoner og hvordan de oppfører seg.

  • all: vent på alle, avslutt ved første feil
  • any: første suksess
  • race: første avgjorte (suksess/feil)
  • allSettled: resultater for alle
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 1

Grunnleggende om Promise.all

Promise.all løses med en array med resultater. Én enkelt avvisning avviser hele operasjonen.

// Small helpers for examples
function delay(ms, value, shouldFail = false) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      if (shouldFail) reject(new Error(String(value)));
      else resolve(value);
    }, ms);
  });
}

// Promise.all waits for all; rejects fast on first error
Promise.all([
  delay(10, "A"),
  delay(5, "B")
]).then(function (vals) {
  console.log("all:", vals);
});
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 2

Grunnleggende om Promise.any

Promise.any løses med den første suksessen. Den avvises bare hvis alle inndataene avvises.

// Promise.any gives the first fulfilled value
Promise.any([
  delay(8, "ok-1"),
  delay(3, "ok-2"),
  delay(6, "ok-3")
]).then(function (v) {
  console.log("any:", v);
}).catch(function (e) {
  console.log("any failed:", e.message);
});
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 3

Grunnleggende om Promise.race

Promise.race velger den som blir avgjort først: det kan være en resolve eller en reject.

// Promise.race settles with the first to finish (success or error)
Promise.race([
  delay(5, "win"),
  delay(7, "boom", true)
]).then(function (v) {
  console.log("race resolved:", v);
}).catch(function (e) {
  console.log("race rejected:", e.message);
});
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 4

Grunnleggende om Promise.allSettled

Promise.allSettled løses alltid med en array med statusobjekter for hver inndata.

// Promise.allSettled waits for all and reports each outcome
Promise.allSettled([
  delay(4, "A"),
  delay(6, "X", true)
]).then(function (results) {
  console.log("allSettled:", results.map(function (r) { return r.status; }));
});
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 5

Hvilken skal du bruke?

Valg:

  • all: du trenger alle resultater; avslutt raskt ved enhver feil.
  • any: godta første suksess (reservekilder).
  • race: velg den som blir ferdig først (mønstre for tidsavbrudd).
  • allSettled: samle alle utfall for inspeksjon.
Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 6

Quiz om valg av kombinator

Rask sjekk: Første fulfilled-resultat.

Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 7

Oppsummering

Oppsummering: Bruk all når du «trenger alle», any når du vil ha «første suksess», race når du vil ha «første avgjorte», og allSettled for å undersøke alle utfall uten å avslutte tidlig.

Promise.all / any / race / allSettled — velg riktig verktøy — illustrasjon 8
Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
59
Leksjoner
200

Ofte stilte spørsmål

Er leksjonen «Promise.all / any / race / allSettled — velg riktig verktøy» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Promise.all / any / race / allSettled — velg riktig verktøy», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 3 leksjoner.

Hva lærer jeg i «Promise.all / any / race / allSettled — velg riktig verktøy»?

Øv på Promise-kombinatorer: all, any, race og allSettled. Lær hvordan suksess og feil håndteres, og når hver av dem bør brukes. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 3.

Hvor lang tid tar leksjonen «Promise.all / any / race / allSettled — velg riktig verktøy»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?

Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Event loop og det grunnleggende om task og microtask
  2. Promises — tilstander, kjeding og feilhåndtering
  3. Promise.all / any / race / allSettled — velg riktig verktøy
← Tilbake til JavaScript Academy