JavaScript is getting a new Promise utility that makes handling potentially async functions cleaner and safer. Promise.try lets you wrap any function in a Promise, whether it’s async or not, while maintaining optimal execution timing.
Promise.try()
Baseline 2025 newly available
Supported in Chrome: yes.
Supported in Edge: yes.
Supported in Firefox: yes.
Supported in Safari: yes.
Since January 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The Core Problem
Handling functions that might be sync or async requires mixing different error handling patterns:
function getUserData(id) { // We need try/catch for sync errors try { validateId(id);
// Might return cached data synchronously if (id in cache) { return cache[id]; }
// Might return a Promise return fetch(`/api/users/${id}`); } catch (syncError) { handleSyncError(syncError); }}
The problem? You never know which behavior you’ll get. Currently, there are two common ways to handle this, but neither is ideal:
// Method 1: Using Promise.resolve().then()Promise.resolve().then(() => getUserData(123));// ❌ Forces everything to be async// ❌ Even cached data waits for the next tick// ✓ But at least it catches errors
// Method 2: Using new Promisenew Promise(resolve => resolve(getUserData(123)));// ❌ Verbose and clunky// ❌ Easy to get wrong// ✓ Runs sync code immediately
We need a better way to:
- Run synchronous code immediately (for better performance)
- Handle asynchronous code when needed
- Catch any errors that might occur
- Do all this with clean, readable syntax
The Solution: Promise.try
Promise.try
gives us one clean way to handle all cases:
// Clean, safe, and optimal timingPromise.try(() => getUserData(123)) .then(user => { // Gets called with: // - Immediate values (from cache) // - Resolved Promise values (from fetch) }) .catch(error => { // Catches both: // - Synchronous throws // - Promise rejections });
Why It’s Better
Promise.try
has three key advantages:
// 1. Runs synchronously when possiblePromise.try(() => "instant") // Executes immediately .then(x => console.log(x));
// 2. Catches all errors reliablyPromise.try(() => { throw new Error('boom');}) .catch(err => console.log('Caught:', err));
// 3. Handles both sync and async naturallyPromise.try(() => { if (Math.random() > 0.5) { return "sync value"; } return fetch('/api/data');});
Promise.try
runs synchronous code immediately for better performance, while still handling async operations when needed. It catches every type of error through a single catch handler, and does it all with clean, readable syntax. Think of it as the Promise equivalent of a try-catch block - a safe way to execute code that might fail or might be async, without having to know which it is ahead of time.
This is particularly powerful when working with functions that might change their behavior over time. Your error handling remains consistent whether the function returns immediately or needs to make an API call. No more wrapping everything in try-catch blocks and then also handling Promise rejections separately.