𝐏𝐫𝐨𝐦𝐢𝐬𝐞.𝐰𝐢𝐭𝐡𝐑𝐞𝐬𝐨𝐥𝐯𝐞𝐫𝐬 — 𝐀 𝐍𝐞𝐰 𝐖𝐚𝐲 𝐭𝐨 𝐂𝐫𝐞𝐚𝐭𝐞 𝐏𝐫𝐨𝐦𝐢𝐬𝐞𝐬 in 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭

The traditional way to create a promise is using the 𝐏𝐫𝐨𝐦𝐢𝐬𝐞 constructor.

There is a new feature in JavaScript called 𝐏𝐫𝐨𝐦𝐢𝐬𝐞.𝐰𝐢𝐭𝐡𝐑𝐞𝐬𝐨𝐥𝐯𝐞𝐫𝐬.

Promise.withResolvers is a function that returns an object with two properties: a promise and a set of resolve and reject functions. This allows us to create a promise and manage its resolution or rejection in a more streamlined way.

In the example below, we use Promise.withResolvers creates an object with a promise and two functions resolve and reject. The asynchronous operation is simulated using setTimeout, and the appropriate function (resolve or reject) is called based on the outcome.

// Promise.withResolvers()
const { promise, resolve, reject } = Promise.withResolvers();

// Perform some async operation
setTimeout(() => {
  resolve('Data fetched successfully!');
}, 1000);

promise
  .then((data) => {
    alert(data); // Output: 'Data fetched successfully!'
  })
  .catch((error) => {
    alert(error);
  });

I hope you found it useful. Thanks for reading. 🙏

Let’s get connected! You can find me on:

• Medium: https://medium.com/@nhannguyendevjs/

• Dev: https://dev.to/nhannguyendevjs/

• Hashnode: https://nhannguyen.hashnode.dev/

• Linkedin: https://www.linkedin.com/in/nhannguyendevjs/

• X (formerly Twitter): https://twitter.com/nhannguyendevjs/

• Buy Me a Coffee: https://www.buymeacoffee.com/nhannguyendevjs