实现一个promise之完成then方法

作者 : 开心源码 本文共1333个字,预计阅读时间需要4分钟 发布时间: 2022-05-13 共203人阅读

最简单的promise完成了,接着就要完善then方法:

//...//解决返回结果function resolvePromise(promise2, x, resolve, reject) {};class Promise {//... //then方法,一个成功函数,一个失败函数 then(onFulfilled, onRejected){  //假如传进来的不是函数(不传也算),要忽略,赋值一个函数  // 错误函数要抛出错误才能进入reject  onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : y => y;  onRejected = typeof onRejected === 'function' ? onRejected : r => {throw r};  //then必须返回一个promise,由于要传递成功失败结果  // 给下一个then,所以把方法都放入这个方法  let promise2 = new Promise((resolve, reject) => {   //假如成功,执行成功函数   if(this.state === FULFILLED){    /*成功或者者失败函数返回一个值x,假如报错直接reject     每个人写的promise不同,但是要兼容符合规范的promise     要对x进行兼容解决,返回普通值、方法、对象,其它人的promise实例等     这边要先使用微任务MutationObserver、process.nextTick     假如不兼容微任务才使用宏任务setTimeout、setImmediate     这边直接用setTimeout    */    setTimeout(() => {     try{      let x = onFulfilled(this.value);      resolvePromise(promise2, x, resolve, reject)     }catch (e) {      reject(e);     };    }, 0);   };      //假如失败,执行失败函数   if(this.state === REJECTED){    setTimeout(() => {     try{      let x = onRejected(this.reason);      resolvePromise(promise2, x, resolve, reject)     }catch (e) {      reject(e);     };    }, 0);   };      //假如有异步,订阅成功、失败函数   if(this.state === PENDING){    this.onResolvedCallbacks.push(() => {     setTimeout(() => {      try{       let x = onFulfilled(this.value);       resolvePromise(promise2, x, resolve, reject)      }catch (e) {       reject(e);      };     }, 0);    });        this.onRejectedCallbacks.push(() => {     setTimeout(() => {      try{       let x = onRejected(this.reason);       resolvePromise(promise2, x, resolve, reject)      }catch (e) {       reject(e);      };     }, 0);    });   };  });  //返回promise  return promise2; }}

image

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 实现一个promise之完成then方法

发表回复