
JavaScript Promises manage future values with clean async handling. Learn how Promise.all, race, allSettled, and any simplify parallel tasks, timeouts, and error management.
Martin Ferret
September 30, 2025
In JavaScript, Promises work like receipts for future values.
When you place an order (make an asynchronous request), you immediately get a receipt (the Promise). The actual item (the resolved value) arrives later.
This model makes asynchronous code easier to read and maintain than nested callbacks. More importantly, Promises enable advanced patterns that help you manage multiple tasks in powerful and efficient ways.
Advanced Promise Patterns
Promise.all: run tasks in parallel and wait for allUse this when you need to start several asynchronous operations and continue only once every single one has completed.
const api1 = fetch("/users");
const api2 = fetch("/posts");
Promise.all([api1, api2])
.then(([users, posts]) => {
console.log("Data loaded:", users, posts);
})
.catch(err => console.error("Error:", err));
Best for: loading multiple resources before rendering a page.
Promise.race: the first one winsThis resolves or rejects as soon as the first Promise settles.
const slow = new Promise(r => setTimeout(() => r("slow"), 2000));
const fast = new Promise(r => setTimeout(() => r("fast"), 500));
Promise.race([slow, fast]).then(value => {
console.log("Result:", value); // "fast"
});
Best for: implementing timeouts.
Promise.allSettled: know the outcome of allUnlike Promise.all, this waits for every Promise to settle, regardless of whether they resolve or reject
const p1 = Promise.resolve("ok");
const p2 = Promise.reject("error");
Promise.allSettled([p1, p2]).then(results => {
console.log(results);
// [
// { status: "fulfilled", value: "ok" },
// { status: "rejected", reason: "error" }
// ]
});
Best for: reporting all results without failing early.
Promise.any: the first successful oneThis returns the first Promise that resolves successfully, ignoring rejections.
const p1 = Promise.reject("fail");
const p2 = new Promise(r => setTimeout(() => r("success"), 1000));
Promise.any([p1, p2]).then(result => {
console.log(result); // "success"
});
Best for: trying multiple strategies (mirrors, fallbacks) and keeping the first valid response.
These patterns are essential for modern applications where asynchronous operations are everywhere.
Get the latest news and updates on developer certifications. Content is updated regularly, so please make sure to bookmark this page or sign up to get the latest content directly in your inbox.

Use Lighthouse to improve your Angular applications
Angular developers often focus on code structure and framework mastery—but end users care most about speed, accessibility, and visibility. This article highlights how tools like Google Chrome’s built-in Lighthouse can help you measure and improve your app’s performance, accessibility, and SEO. By running quick audits and reviewing actionable insights, developers can bridge the gap between technical excellence and real-world user experience.
Alain Chautard
Oct 24, 2025

Template Literals in JavaScript: Write Strings the Way They Were Meant to Be
Learn how template literals make JavaScript string handling modern, readable, and expressive through multi-line syntax, interpolation, and tag functions. A concise expert guide for cleaner, smarter code.
Martin Ferret
Oct 23, 2025

Dynamic Imports in JavaScript: Load Smarter, Not Sooner
Learn how to use dynamic imports in JavaScript to boost performance, reduce bundle size, and load code only when needed. A practical, modern guide to smarter, modular JavaScript without frameworks.
Martin Ferret
Oct 15, 2025
We can help you recruit Certified Developers for your organization or project. The team has helped many customers employ suitable resources from a pool of 100s of qualified Developers.
Let us help you get the resources you need.
