Promise超简易实现

冷不防 2022-06-10 01:41 92阅读 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 条评论，92人围观）

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

相关阅读

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

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

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

相关手动实现Promise.all

想要实现Promise.all()功能，关键点 / 1、接受一个数组作为参数，或者具有 Iterator 接口的参数 2、参数支持Promise对

短命女/ 2022年12月29日 12:55/ 0 赞/ 121 阅读

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

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

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

相关 Promise的实现

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

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

相关 javascript 实现取消promise

Javascript 中，本身promise是不支持取消的，但是有时候，我们有些需求，希望能够取消。我们可以对异步请求进行封装，通过强制调用其reject，达到类似的取消操作。

绝地灬酷狼/ 2022年11月16日 00:56/ 0 赞/ 592 阅读

相关 Promise简单实现

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

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

相关 Promise超简易实现

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

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

相关超详细Nginx简易教程

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

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

相关 Promise 实现队列

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

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

相关 promise 实现红绿灯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

ゞ浴缸里的玫瑰/ 2022年01月09日 04:49/ 0 赞/ 202 阅读