JavaScript Academy · Les

Promise.all / any / race / allSettled — kies het juiste hulpmiddel

Oefen met Promise-combinators: all, any, race en allSettled. Leer hoe succes en fouten worden afgehandeld en wanneer u elke variant gebruikt

Les 3 van 38 stappen

Promise.all / any / race / allSettled — kies het juiste hulpmiddel is een gratis JavaScript Academy-les op CoddyKit. Dit is les 3 van 3. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 3 lessen.

Overzicht van combinatoren

Doel: Leer vier hulpfuncties en hun gedrag.

  • all: wacht op alles en stopt snel bij een fout
  • any: eerste succes
  • race: eerste afgehandelde (succes/fout)
  • allSettled: resultaten van alles
Promise.all / any / race / allSettled — kies het juiste hulpmiddel — illustratie 1

Basisprincipes van Promise.all

Promise.all wordt vervuld met een array met resultaten; één afwijzing wijst het geheel af.

// 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 — kies het juiste hulpmiddel — illustratie 2

Basisprincipes van Promise.any

Promise.any wordt vervuld met het eerste succes; het wordt alleen afgewezen als alle invoeren worden afgewezen.

// 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 — kies het juiste hulpmiddel — illustratie 3

Basisprincipes van Promise.race

Promise.race kiest wat het eerst wordt afgehandeld: dat kan een resolve of een reject zijn.

// 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 — kies het juiste hulpmiddel — illustratie 4

Basisprincipes van Promise.allSettled

Promise.allSettled wordt altijd vervuld met een array met statusobjecten voor elke invoer.

// 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 — kies het juiste hulpmiddel — illustratie 5

Welke gebruik je?

Kiezen:

  • all: je hebt alle resultaten nodig; stop snel bij een fout.
  • any: accepteer het eerste succes (terugvalbronnen).
  • race: kies wat het eerst klaar is (patronen met tijdslimieten).
  • allSettled: verzamel elke uitkomst om deze te bekijken.
Promise.all / any / race / allSettled — kies het juiste hulpmiddel — illustratie 6

Controle over de keuze van een combinator

Korte controle: Eerste vervulde resultaat.

Promise.all / any / race / allSettled — kies het juiste hulpmiddel — illustratie 7

Herhaling

Herhaling: Gebruik all voor “alles nodig”, any voor “eerste succes”, race voor “eerste afgehandelde” en allSettled om elke uitkomst te bekijken zonder voortijdig te stoppen.

Promise.all / any / race / allSettled — kies het juiste hulpmiddel — illustratie 8
Gratis beginnen

Leer JavaScript met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen
59
Lessen
200

Veelgestelde vragen

Is de les “Promise.all / any / race / allSettled — kies het juiste hulpmiddel” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Promise.all / any / race / allSettled — kies het juiste hulpmiddel”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 3 lessen.

Wat leer ik in “Promise.all / any / race / allSettled — kies het juiste hulpmiddel”?

Oefen met Promise-combinators: all, any, race en allSettled. Leer hoe succes en fouten worden afgehandeld en wanneer u elke variant gebruikt Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met JavaScript Academy te beginnen?

Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 3.

Hoe lang duurt de les “Promise.all / any / race / allSettled — kies het juiste hulpmiddel”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?

Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

  1. De event loop en de basis van taken versus microtaken
  2. Promises — toestanden, ketens en foutafhandeling
  3. Promise.all / any / race / allSettled — kies het juiste hulpmiddel
← Terug naar JavaScript Academy