简述Promise机制与运用方法，亲身体验如何亲自实现Promise

2024-01-15 06:23:37

什么是Promise

Promise是一个对象，它表示一个异步操作的最终结果。Promise可以处于三种状态：

Pending ：异步操作还没有完成。
Fulfilled ：异步操作已完成，并且结果成功。
Rejected ：异步操作已完成，并且结果失败。

Promise的使用方法

Promise可以通过.then()方法来使用。.then()方法有两个参数：一个用于处理成功的结果，另一个用于处理失败的结果。

const promise = new Promise((resolve, reject) => {
  // 异步操作
});

promise.then(result => {
  // 处理成功的结果
}, error => {
  // 处理失败的结果
});

Promise的实现

Promise可以很容易地实现。我们只需要创建一个类，并在这个类中定义三个方法：constructor()、resolve()和reject()。

class Promise {
  constructor(executor) {
    this.state = 'pending';
    this.result = undefined;

    executor(resolve, reject);
  }

  resolve(result) {
    if (this.state === 'pending') {
      this.state = 'fulfilled';
      this.result = result;
      this.callbacks.forEach(callback => callback.onFulfilled(result));
    }
  }

  reject(error) {
    if (this.state === 'pending') {
      this.state = 'rejected';
      this.result = error;
      this.callbacks.forEach(callback => callback.onRejected(error));
    }
  }

  then(onFulfilled, onRejected) {
    return new Promise((resolve, reject) => {
      this.callbacks.push({
        onFulfilled: result => {
          try {
            const result = onFulfilled(result);
            resolve(result);
          } catch (error) {
            reject(error);
          }
        },
        onRejected: error => {
          try {
            const result = onRejected(error);
            resolve(result);
          } catch (error) {
            reject(error);
          }
        }
      });
    });
  }
}

如何亲身体验如何亲自实现Promise

为了亲身体验如何亲自实现Promise，我们可以创建一个简单的示例。在这个示例中，我们将创建一个Promise，并使用.then()方法来处理成功和失败的结果。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.then(result => {
  console.log(result); // 输出：成功
}, error => {
  console.log(error); // 不会输出任何内容
});