Promise超简易实现

冷不防 2022-06-10 01:41 122阅读 0赞

有时候就需要一个简单的Promise撑场面，能用就行。  
——真不行的时候咱再使用完整的实现呗。

### 实现的方法 ###

1.new Promise(fn),创建一个新的Promise对象并传入第一个执行方法。  
2.resolve。成功的执行方法  
3.reject。失败的执行方法  
4.catch。失败的捕获。  
5.then。链式调用下一步。

### 原理 ###

内部使用一个数组报错需要执行的所有方法，使用then来添加新的方法。旧的方法执行完毕之后检测数组，如果有新的就执行。

class Promise { 
           result: any;
           callbacks = [];
           failbacks = [];
           constructor(fn) {
               fn(this.resolve.bind(this), this.reject.bind(this));
           }
           resolve(res) {
               if (this.callbacks.length > 0) this.callbacks.shift()(res, this.resolve.bind(this), this.reject.bind(this));
           }
           reject(res) {
               this.callbacks = [];
               if (this.failbacks.length > 0) this.failbacks.shift()(res, this.resolve.bind(this), this.reject.bind(this));
           }
           catch(fn) {
               this.failbacks.push(fn);
           }
           then(fn) {
               this.callbacks.push(fn);
               return this;
           }
    
       }

调用示例：

var a=new Promise(function(resolve,reject){ 
        setTimeout(function(){ 
            resolve("成功");
        },1000);
    }).then(function(result,resolve,reject){ 
        console.log(result)
        reject("失败")
    }).catch(function(err){ 
        console.log(err);
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关用Java实现简易的图书管理系统（超详细）

目录 1.设计背景 2.设计思路 3.模块展示及代码演示 3.1 Book类的实现 3.2 BookList类的实现(书架) 3.3 异常类的实现(Operatio

旧城等待，/ 2023年10月03日 18:57/ 0 赞/ 64 阅读

相关 Promise - （四）Promise其他方法实现

目录 Promise构造函数，Promise.prototype.then方法重写 Promise.prototype.catch方法重写 Promise.prototy

不念不忘少年蓝@/ 2023年10月01日 08:26/ 0 赞/ 10 阅读

相关 Promise - （二）Promise核心实现

目录回调地狱问题及其产生根因解决回调地狱问题：Promise的设计思路 Promise构造函数的内部细节 Promise构造函数和excutor执行器函数的关系

阳光穿透心脏的1/2处/ 2023年10月01日 08:09/ 0 赞/ 49 阅读

相关 js 实现简易版promise

实现一个简易版的promise，并非完全符合Promise / A+ 规范，仅供学习使用 function myPromise(fn){ const th

Love The Way You Lie/ 2023年02月13日 05:40/ 0 赞/ 26 阅读

相关手写promise，实现一个简易的promise

文案没编辑好，先上代码吧 const isFunction = variable => typeof variable === 'function'

港控/mmm°/ 2022年11月30日 12:41/ 0 赞/ 280 阅读

相关 Promise的实现

const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECT

叁歲伎倆/ 2022年11月29日 05:36/ 0 赞/ 205 阅读

相关 Promise简单实现

Promise 看了些promise的介绍，还是感觉不够深入，这个在解决异步问题上是一个很好的解决方案，所以详细看一下，顺便按照自己的思路实现一个简单的Promise。

末蓝、/ 2022年07月16日 01:18/ 0 赞/ 204 阅读

相关 Promise超简易实现

有时候就需要一个简单的Promise撑场面，能用就行。 ——真不行的时候咱再使用完整的实现呗。实现的方法 1.new Promise(fn),创建一个新的Prom

冷不防/ 2022年06月10日 01:41/ 0 赞/ 123 阅读

相关超详细Nginx简易教程

概述什么是nginx? Nginx (engine x) 是一款轻量级的Web 服务器、反向代理服务器及电子邮件（IMAP/POP3）代理服务器。什么是反

快来打我*/ 2022年05月20日 07:21/ 0 赞/ 308 阅读

相关 Promise 实现队列

实现队列有时候我们不希望所有动作一起发生，而是按照一定顺序，逐个进行。 let promise=doSomething(); promise = prom

古城微笑少年丶/ 2022年03月09日 03:35/ 0 赞/ 240 阅读