promise特点

promise 为什么会产生  解决异步问题

1.多个异步请求并发(希望同步最终的结果)promise.all

2.链式异步请求的问题 上一个人的输出是下一个人的输入 promise的链式调用可以解决这个问题

3.缺陷:还是基于回调

 

1. promis有三个状态:成功态resolve,失败态reject, 等待态pending

promise就是一个类 new Promise((resolve,  reject) => {

2. 用户自己决定成功的原因和失败的原因, 成功和失败也是用户定义的

3. 默认执行器立即执行

})

4. promise的实例都有一个then方法,一个参数是成功的回调,另一个参数是失败的回调

promise.then((data) => {

  console.log('success');

}, (err) => {

  console.log('fail');

})

多个then时,从其中一个中终断向下传递的方法,then(() => return new Promise((resolve, reject) => {}) ), 不成功也不失败

5. 如果执行函数时发生了异常也会执行失败逻辑

6. 如果promise一旦成功就不能失败,反过来也是

 

class Promise {
    constructor(executor) {
        this.status = PENDING;
        this.value = undefined;
        this.reason = undefined;
        this.onResolveCallBacks = [];
        this.onRejectCallBacks = [];
        let resolve = (value) => {
            if(this.status === PENDING) {
                this.value = value;
                this.status = RESOLVED;
                this.onResolveCallBacks.forEach(fn=>fn());
            }
        }
        let reject = (reason) => {
            if(this.status === PENDING) {
                this.reason = reason;
                this.status = REJECTED;
                this.onRejectCallBacks.forEach(fn=>fn());
            }
        }
        try{
            executor(resolve, reject); // 立即执行
        }catch(e){
            reject(e);
        }
       
        then(onFulfilled, onRejected) { //每次调then都new一个promise
          let promise2 = new Promise((resolve, reject) => { // 为了链式调用
            if(this.status === RESOLVE) { 
                let x = onFulfilled(this.value);
                resolve(x);
            }
            if(this.status === REJECTED) { 
                onRejected(this.reason);
            }
            if(this.status === PENDING){
             // 2. 发布订阅模式 如果当前状态时pending,我们需要将成功和失败的回调存放起来,稍后调用resole和reject的时候重新执行
                this.onResolvedCallbacks.push(() => {
                    // todo...
                    onFulfilled(this.value);
                })
                this.onRejectCallBacks.push(() => {
                    // todo...
                    onRejected(this.reason);
                })
            }
            

    
          })
          return promise2;
        }
    }
}
module.exports = Promise

// error first 错误第一 异步方法无法通过try catch捕获异常

1.promise成功和失败的回调的返回值 可以传到外层的下一个then

2.如果返回的是普通值的话(不是报错、不是promise)(传递到下一次的成功中),出错的情况(一定会走到下一次的失败),可能还有promise的情况(会采用promise的状态,决定下一次的成功还是失败)

3.错误处理 如果离自己最近的then 没有错误处理 会向下找

4.每次执行完promise.then方法后返回的都是一个“新的promise”(promise一旦成功或失败就不能修改状态)

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值