什么是 Promise.withResolvers？它解决了什么问题？

推荐答案

Promise.withResolvers 是 ECMAScript 2024 中引入的一个新方法，它允许开发者创建一个 Promise 并同时获取其 resolve 和 reject 函数。这个方法的主要目的是简化在某些场景下手动管理 Promise 的状态。

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

// 使用 resolve 和 reject 来控制 Promise 的状态
resolve('Success!');
// 或者
reject('Error!');

本题详细解读

什么是 Promise.withResolvers？

Promise.withResolvers 是一个静态方法，它返回一个包含三个属性的对象：

• promise: 一个新创建的 Promise 对象。
• resolve: 一个函数，用于将 Promise 状态设置为 fulfilled。
• reject: 一个函数，用于将 Promise 状态设置为 rejected。

解决了什么问题？

在传统的 Promise 使用中，通常需要手动创建一个 Promise 并在其构造函数中定义 resolve 和 reject 函数：

let resolve, reject;
const promise = new Promise((res, rej) => {
  resolve = res;
  reject = rej;
});

这种方式虽然可行，但代码显得冗长且不够直观。Promise.withResolvers 的出现简化了这一过程，使得开发者可以更简洁地创建和管理 Promise 的状态。

使用场景

Promise.withResolvers 特别适用于以下场景：

• 异步操作的控制：当你需要在多个地方控制 Promise 的状态时，可以直接使用 resolve 和 reject 函数。
• 事件驱动的编程：在事件监听器中，你可能需要在事件触发时改变 Promise 的状态，Promise.withResolvers 提供了更直接的方式来实现这一点。

示例

// www.javascriptcn.com code example
const { promise, resolve, reject } = Promise.withResolvers();

setTimeout(() => {
  resolve('Operation completed successfully!');
}, 1000);

promise.then(result => {
  console.log(result); // 输出: Operation completed successfully!
}).catch(error => {
  console.error(error);
});

在这个示例中，Promise.withResolvers 使得我们能够轻松地在异步操作完成后手动控制 Promise 的状态。