JavaScript中手写promise ?

在 JavaScript 中,Promise 是一个代表了异步操作最终完成或者失败的对象。我们可以手动创建一个 Promise,如下所示:

function MyPromise(executor) {
  let self = this;
  self.status = 'pending'; // Promise 当前的状态
  self.value = undefined; // Promise 的值
  self.reason = undefined; // Promise 失败的原因

  // 成功
  function resolve(value) {
    if (self.status === 'pending') {
      self.status = 'fulfilled';
      self.value = value;
    }
  }

  // 失败
  function reject(reason) {
    if (self.status === 'pending') {
      self.status = 'rejected';
      self.reason = reason;
    }
  }

  try {
    executor(resolve, reject);
  } catch (error) {
    reject(error);
  }
}

MyPromise.prototype.then = function(onFulfilled, onRejected) {
  let self = this;
  if (self.status === 'fulfilled') {
    onFulfilled(self.value);
  }
  if (self.status === 'rejected') {
    onRejected(self.reason);
  }
}

这是一个最基础的 Promise 实现,它包含了 Promise 的基本逻辑。但是,这个实现还缺少很多真正的 Promise 具备的功能,比如链式调用、异步支持、错误处理、catch 方法、Promise.all 方法、Promise.race 方法等等。

在实际开发中,我们通常使用内置的 Promise 对象,因为它已经实现了完整的功能,并且经过了大量的测试和优化。

发表评论

后才能评论