使用class手写实现完整的promise及其方法

最新推荐文章于 2024-08-30 11:02:07 发布

只想看世界

最新推荐文章于 2024-08-30 11:02:07 发布

阅读量472

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43801836/article/details/126708702

本文将详细讲解如何使用JavaScript从零开始手写一个完整的Promise实现，涵盖其核心方法，包括resolve、reject、then、catch等，帮助你深入理解Promise的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

整合信息来自promise手写实现

const PENDING = 'PENDING';
const FULFILLED = 'FULFILLED';
const REJECTED = 'REJECTED';

const resolvePromise = (promise2, x, resolve, reject) => {
   
   
  // Promise/A+ 2.3.3.3.3 只能调用一次
  let called;
  // 后续的条件要严格判断 保证代码能和别的库一起使用
  if (x instanceof Promise) {
   
    
    try {
   
   
      // 为了判断 resolve 过的就不用再 reject 了（比如 reject 和 resolve 同时调用的时候）  Promise/A+ 2.3.3.1
      let then = x.then;
        // 不要写成 x.then，直接 then.call 就可以了 因为 x.then 会再次取值，Object.defineProperty  Promise/A+ 2.3.3.3
        then.call(x, y => {
   
    // 根据 promise 的状态决定是成功还是失败
          if (called) return;
          called = true;
          // 递归解析的过程（因为可能 promise 中还有 promise） Promise/A+ 2.3.3.3.1
          resolvePromise(promise2, y, resolve, reject); 
        }, r => {
   
   
          // 只要失败就失败 Promise/A+ 2.3.3.3.2
          if (called) return;
          called = true;
          reject(r);
        });
      
    } catch (e) {
   
   
      // Promise/A+ 2.3.3.2
      if (called) return;
      called = true;
      reject(e)
    }
  } else {
   
   
    // 如果 x 是个普通值就直接返回 resolve 作为结果  Promise/A+ 2.3.4  
    resolve(x)
  }
  }

class Promise {
   
   
	static resolve(data){
   
   
  return new Promise((resolve,reject)=>{
   
   
    resolve(data);
  })
}
	static reject(reason){
   
   
  return new Promise((resolve,reject)=>{
   
   
    reject(reason);
  })
}
	static all (values){
   
   
  if (!Array.isArray(values)) {
   
   
    const type = typeof values;
    return new TypeError(`TypeError: ${
   <